.logo {
    display: block;
    width: 148px;
    height: 61px;
    background: url("../../svg/logo.svg");
    background-size: 148px 61px;
}

.logo-color {
    display: block;
    width: 300px;
    height: 75px;
    background: url("../../svg/logo-color.svg");
    background-size: 300px 75px;
}

.menu-toggler {
    background: url("../../svg/open-menu.svg") !important;
    opacity: 1 !important;
    height: 24px !Important;
    width: 24px !important;
    background-size: 24px !important;
}


/* .menu-toggler {
    background: url("../../svg/marketplace.svg") !important;
    opacity: 1 !important;
    height: 24px !Important;
    width: 24px !important;
    background-size: 24px !important;
} */

.input-icon {
    background: url("../../svg/swift-scan.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 3%;
    position: relative;
    text-indent: 20px;
}

.input-icon-locations {
    background: url("../../svg/locations.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 3%;
    position: relative;
    text-indent: 20px;
}

.bg-photo {
    background: url("../../svg/bg-photo.svg");
    display: block;
    width: 150px;
    height: 150px;
    background-size: 150px;
    background-repeat: no-repeat;
}


/* normal */

.hub {
    display: block;
    background: url("../../svg/hub.svg");
}


/* end normal */


/*iconos 20*20*/

.actions-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/actions.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.activities-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/activities.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.alerts-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/alerts.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.all-user-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/all-user.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.all-user-left-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/all-user-left.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.all-user-right-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/all-user-right.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.analytics-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/analytics.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.archives-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/archives.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.assign-product-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/assign-product.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.attach-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/attach.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.attributes-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/attributes.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.autoscan-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/autoscan.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.back-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/back.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.calculator-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/calculator.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.calendar-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/calendar.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.call-me-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/call-me.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.camera-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/camera.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.campaigns-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/campaigns.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.categories-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/categories.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.chat-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/chat.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.check-mark-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/check-mark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.check-mark-grey-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/check-mark-grey.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.close-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/close.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.coach-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/coach.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.collections-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/collections.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.companies-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/companies.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.counts-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/counts.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.counts-02-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/count_02.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.customers-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/customers.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.database-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/database.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.delete-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/delete.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.disconnected-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/disconnected.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.download-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/download.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.edit-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/edit.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.edit-item-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/edit-item.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.email-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/email.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.exel-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/exel.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.fases-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/fases.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.female-01-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/female-01.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.female-02-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/female-02.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.filters-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/filters.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.finish-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/finish.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.folders-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/folders.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.fulfill-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/fulfill.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.help-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/help.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.historial-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/historial.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.hub-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/hub.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.id-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/id.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.information-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/information.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.integrations-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/integrations.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.inv-hurry-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/inventory_in_a_hurry.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.labels-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/labels.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.less-mark-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/less-mark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.locate-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/locate.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.locations-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/locations.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.lote-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/lote.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.list-price-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/list-price.svg");
    background-repeat: no-repeat;
    background-size: 20px;
}

.male-arrow-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/male-arrow.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.male-01-20 {
    display: block;
    width: 20px !important;
    height: 20px;
    background: url("../../svg/male-01.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.male-02-20 {
    display: block;
    width: 20px !important;
    height: 20px;
    background: url("../../svg/male-02.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.maintenance-20 {
    display: block;
    width: 20px !important;
    height: 20px;
    background: url("../../svg/maintenance.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.pandlok-open-20 {
    display: block;
    width: 25px !important;
    height: 25px;
    background: url("../../img/pandlok_open.png");
    background-size: 25px;
    background-repeat: no-repeat;
}

.pandlok-close-20 {
    display: block;
    width: 20px !important;
    height: 20px;
    background: url("../../img/pandlok_close.png");
    background-size: 20px;
    background-repeat: no-repeat;
}
.qr-20 {
    display: block;
    width: 20px !important;
    height: 20px;
    background: url("../../svg/qr.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.maintenance-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/maintenance.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.marketplace-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/marketplace.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.materials-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/materials.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.materials-recipes-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/materials-recipes.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.mass-transfer-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/mass-transfer.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.mass-in-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/mass-in.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.mass-out-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/mass-out.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.messages-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/messages.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.mobile-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/mobile.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.move-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/move.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.movements-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/movements.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}
.movements-f-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/movement-forwarding.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.multi-categories-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/multi-categories.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.multilevel-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/multilevel.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.next-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/next.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.no-warehouse-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/no-warehouse.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.notes-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/notes.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.notifications-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/notifications.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.orders-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/orders.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.payment-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/payment.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.pending-process-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/pending-process.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.pennat-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/pennat.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.run-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/play-mark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.plus-mark-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/plus-mark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.print-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/print.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.process-order-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/process-orders.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.products-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/products.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.production-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/production.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.provider-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/provider.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.provider-plus-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/provider-plus.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.purchases-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/purchases.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.recurrence-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/recurrence.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.recounts-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/recounts.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.requisition-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/requisition.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.save-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/save.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.sales-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/sales.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.sales-beta-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/beta/sales.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.sale-issue-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/beta/sale-issue.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.scan-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/scan.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.search-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/search.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.settings-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/settings.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.settings-min-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/settings-min.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.serial-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/serial.svg");
    background-size: 20px;
}

.serial-lote-number-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/serial-lote-number.svg");
    background-size: 20px;
}

.swift-scan-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/swift-scan.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.target-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/target.svg");
    background-size: 20px;
}

.time-back-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/time-back.svg");
    background-size: 20px;
}

.territory-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/territory.svg");
    background-size: 20px;
}

.transfer-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/transfer.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.tracking-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/tracking.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.unassign-product-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/unassign-product.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.uom-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/uom.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.upload-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/upload.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.users-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/users.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.user-permissions-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/user-permissions.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.user-plus-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/user-plus.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.variant-son-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/variant-son.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.vendor-user-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/vendor-user.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.virtual-space-20 {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("../../svg/virtual-space.svg");
    background-repeat: no-repeat;
    background-size: 20px;
}

.vendor-user-add-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/vendor-user-add-.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.warehouse-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/warehouses.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.warning-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/warning.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.wave-picking-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/wave-picking.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.x-mark-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/x-mark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.youtube-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/youtube.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}


/* end iconos 20*20 */


/*iconos 30*30*/

.actions-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/actions.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.activities-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/activities.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.alerts-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/alerts.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.all-user-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/all-user.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.all-user-left-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/all-user-left.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.all-user-right-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/all-user-right.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.analytics-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/analytics.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.archives-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/archives.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.assign-product-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/assign-product.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.attach-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/attach.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.attributes-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/attributes.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.autoscan-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/autoscan.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.back-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/back.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.calculator-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/calculator.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.calendar-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/calendar.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.call-me-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/call-me.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.camera-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/camera.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.campaigns-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/campaigns.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.categories-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/categories.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.chat-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/chat.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.check-mark-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/check-mark.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.check-mark-grey-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/check-mark-grey.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.close-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/close.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.coach-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/coach.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.collections-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/coach.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.companies-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/companies.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.counts-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/counts.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.customers-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/customers.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.custom-fields-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/custom-fields.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.users-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/users.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.database-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/database.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.delete-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/delete.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.disconnected-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/disconnected.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.download-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/download.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.edit-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/edit.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.edit-item-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/edit-item.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.email-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/email.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.exel-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/exel.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.male-arrow-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/male-arrow.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.fases-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/fases.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.female-01-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/female-01.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.female-02-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/female-02.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.filters-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/filters.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.finish-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/finish.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.folders-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/folders.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.fulfill-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/fulfill.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.help-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/help.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.historial-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/historial.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.hub-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/hub.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.id-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/id.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.information-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/information.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.btn-autoscan-30 {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url(../../svg/btn-autoscan.svg);
    background-repeat: no-repeat;
    background-size: 30px;
}

.integrations-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/integrations.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.inv-hurry-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/inventory_in_a_hurry.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.no-item-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/no-item.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.labels-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/labels.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.less-mark-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/less-mark.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.locate-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/locate.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.locations-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/locations.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.lote-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/lote.svg");
    background-repeat: no-repeat;
    background-size: 30px;
}

.list-price-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/list-price.svg");
    background-repeat: no-repeat;
    background-size: 30px;
}

.male-01-30 {
    display: block;
    width: 30px !important;
    height: 30px;
    background: url("../../svg/male-01.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.male-02-30 {
    display: block;
    width: 30px !important;
    height: 30px;
    background: url("../../svg/male-02.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.maintenance-30 {
    display: block;
    width: 30px !important;
    height: 30px;
    background: url("../../svg/maintenance.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.marketplace-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/marketplace.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.materials-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/materials.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.materials-recipes-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/materials-recipes.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.mass-transfer-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/mass-transfer.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.mass-in-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/mass-in.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.mass-out-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/mass-out.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.messages-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/messages.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.mobile-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/mobile.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.move-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/move.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.movements-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/movements.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}
.movements-f-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/movement-forwarding.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.multi-categories-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/multi-categories.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.multilevel-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/multilevel.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.next-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/next.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.no-warehouse-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/no-warehouse.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.notes-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/notes.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.notifications-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/notifications.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.orders-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/orders.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.payment-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/payment.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.pending-process-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/pending-process.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.pennat-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/pennat.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.run-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/run.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.plus-mark-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/plus-mark.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.print-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/print.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.products-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/products.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.production-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/production.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.process-order-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/process-orders.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.provider-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/provider.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.provider-plus-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/provider-plus.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.purchases-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/purchases.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.recurrence-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/recurrence.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.recounts-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/recounts.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.requisition-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/requisition.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.save-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/save.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.sales-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/sales.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.sales-beta-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/beta/sales.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.sale-issue-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/beta/sale-issue.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.scan-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/scan.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.search-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/search.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.settings-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/settings.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.settings-min-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/settings-min.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.serial-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/serial.svg");
    background-size: 30px;
}

.serial-lote-number-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/serial-lote-number.svg");
    background-size: 30px;
}

.swift-scan-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/swift-scan.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.target-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/target.svg");
    background-size: 30px;
}

.time-back-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/time-back.svg");
    background-size: 30px;
}

.territory-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/territory.svg");
    background-size: 30px;
}

.transfer-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/transfer.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.tracking-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/tracking.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.unassign-product-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/unassign-product.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.uom-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/uom.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.upload-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/upload.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.users-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/users.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.user-permissions-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/user-permissions.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.user-plus-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/user-plus.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.variant-son-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/variant-son.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.vendor-user-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/vendor-user.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.virtual-space-30 {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url("../../svg/virtual-space.svg");
    background-repeat: no-repeat;
    background-size: 30px;
}

.warehouse-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/warehouses.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.warning-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/warning.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.wave-picking-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/wave-picking.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.x-mark-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/x-mark.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.youtube-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/youtube.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}


/* end iconos 30*30 */


/*iconos 40*40*/

.actions-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/actions.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.activities-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/activities.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.alerts-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/alerts.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.all-user-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/all-user.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.all-user-left-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/all-user-left.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.all-user-right-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/all-user-right.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.analytics-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/analytics.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.archives-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/archives.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.assign-product-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/assign-product.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.attach-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/attach.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.attributes-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/attributes.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.autoscan-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/autoscan.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.back-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/back.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.calculator-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/calculator.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.calendar-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/calendar.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.call-me-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/call-me.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.camera-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/camera.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.campaigns-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/campaigns.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.categories-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/categories.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.chat-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/chat.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.check-mark-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/check-mark.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.check-mark-grey-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/check-mark-grey.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.close-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/close.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.coach-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/coach.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.companies-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/companies.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.collections-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/collections.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.counts-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/counts.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.customers-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/custom-fields.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.custom-fields-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/custom-fields.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.counts-02-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/count_02.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.database-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/database.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.delete-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/delete.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.disconnected-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/disconnected.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.download-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/download.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.edit-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/edit.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.edit-item-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/edit-items.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.email-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/email.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.exel-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/exel.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.fases-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/fases.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.female-01-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/female-01.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.female-02-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/female-02.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.filters-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/filters.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.finish-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/finish.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.folders-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/folders.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.fulfill-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/fulfill.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.help-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/help.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.historial-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/historial.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.hub-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/hub.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.id-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/id.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.information-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/information.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.integrations-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/integrations.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.inv-hurry-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/inventory_in_a_hurry.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.labels-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/labels.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.less-mark-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/less-mark.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.locate-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/locate.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.locations-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/locations.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.lote-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/lote.svg");
    background-repeat: no-repeat;
    background-size: 40px;
}

.list-price-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/list-price.svg");
    background-repeat: no-repeat;
    background-size: 40px;
}

.male-arrow-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/male-arrow.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.male-01-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/male-01.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.male-02-40 {
    display: block;
    width: 40px !important;
    height: 40px;
    background: url("../../svg/male-02.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.maintenance-40 {
    display: block;
    width: 40px !important;
    height: 40px;
    background: url("../../svg/maintenance.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.marketplace-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/marketplace.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.materials-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/materials.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.materials-recipes-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/materials-recipes.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.mass-transfer-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/mass-transfer.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.mass-in-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/mass-in.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.mass-out-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/mass-out.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.messages-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/messages.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.mobile-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/mobile.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.move-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/move.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.movements-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/movements.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.movements-f-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/movement-forwarding.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.multi-categories-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/multi-categories.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.multilevel-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/multilevel.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.next-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/next.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.no-warehouse-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/no-warehouse.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.notes-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/notes.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.notifications-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/notifications.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.orders-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/orders.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.payment-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/payment.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.qr-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/qr.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.pending-process-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/pending-process.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.pennat-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/pennat.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.run-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/run.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.plus-mark-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/plus-mark.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.print-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/print.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.products-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/products.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.production-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/production.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.process-order-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/process-orders.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.provider-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/provider.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.provider-plus-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/provider-plus.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.purchases-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/purchases.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.recurrence-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/recurrence.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.recounts-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/recounts.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.requisition-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/requisition.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.save-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/save.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.sales-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/sales.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.sales-beta-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/beta/sales.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.sale-issue-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/beta/sale-issue.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.scan-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/scan.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.cam-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/scan.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.search-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/search.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.settings-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/settings.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.settings-min-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/settings-min.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.serial-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/serial.svg");
    background-size: 40px;
}

.serial-lote-number-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/serial-lote-number.svg");
    background-size: 40px;
}

.swift-scan-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/swift-scan.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.target-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/target.svg");
    background-size: 40px;
}

.time-back-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/time-back.svg");
    background-size: 40px;
}

.territory-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/territory.svg");
    background-size: 40px;
}

.transfer-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/transfer.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.tracking-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/tracking.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.unassign-product-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/unassign-product.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.uom-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/uom.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.upload-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/upload.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.users-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/users.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.user-permissions-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/user-permissions.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.user-plus-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/user-plus.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.vendor-user-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/vendor-user.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.virtual-space-40 {
    display: block;
    height: 40px;
    width: 40px;
    background-image: url("../../svg/virtual-space.svg");
    background-repeat: no-repeat;
    background-size: 40px;
}

.vendor-user-add-40 {
    display: block;
    width: 40px;
    height: 44px;
    background: url(../../svg/vendor-user-add.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.warehouse-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/warehouses.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.warning-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/warning.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.wave-picking-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/wave-picking.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.x-mark-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/x-mark.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.youtube-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/youtube.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}


/* end iconos 40*40 */


/*iconos 70*70*/

.actions-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/actions.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.activities-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/activities.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.alerts-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/alerts.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.all-user-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/all-user.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.all-user-left-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/all-user-left.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.all-user-right-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/all-user-right.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.analytics-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/analytics.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.archives-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/archives.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.assign-product-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/assign-product.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.attach-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/attach.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.attributes-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/attributes.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.autoscan-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/autoscan.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.back-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/back.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.calculator-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/calculator.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.calendar-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/calendar.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.call-me-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/call-me.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.camera-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/camera.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.campaigns-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/campaigns.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.categories-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/categories.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.chat-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/chat.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.check-mark-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/check-mark.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.check-mark-grey-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/check-mark-grey.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.close-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/close.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.coach-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/coach.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.companies-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/companies.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.collections-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/collections.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.counts-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/counts.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.counts-02-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/count_02.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.customers-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/customers.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.custom-fields-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/custom-fields.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.database-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/database.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.delete-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/delete.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.disconnected-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/disconnected.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.download-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/download.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.edit-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/edit.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.edit-item-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/edit-item.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.email-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/email.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.exel-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/exel.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.fases-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/fases.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.female-01-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/female-01.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.female-02-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/female-02.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.filters-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/filters.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.finish-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/finish.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.folders-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/folders.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.fulfill-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/fulfill.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.help-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/help.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.historial-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/historial.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.hub-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/hub.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.id-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/id.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.information-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/information.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.integrations-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/integration.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.inv-hurry-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/inventory_in_a_hurry.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.labels-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/labels.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.less-mark-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/less-mark.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.locate-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/locate.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.lote-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/lote.svg");
    background-repeat: no-repeat;
    background-size: 70px;
}

.list-price-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/list-price.svg");
    background-repeat: no-repeat;
    background-size: 70px;
}

.locations-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/locations.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.male-arrow-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/male-arrow.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.male-01-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/male-01.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.male-02-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/male-02.svg");
    background-size: 70px;
}

.maintenance-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/maintenance.svg");
    background-size: 70px;
}

.marketplace-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/marketplace.svg");
    background-size: 70px;
}

.materials-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/materials.svg");
    background-size: 70px;
}

.materials-recipes-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/materials-recipes.svg");
    background-size: 70px;
}

.mass-transfer-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/mass-transfer.svg");
    background-size: 70px;
}

.mass-in-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/mass-in.svg");
    background-size: 70px;
}

.mass-out-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/mass-out.svg");
    background-size: 70px;
}

.messages-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/messages.svg");
    background-size: 70px;
}

.mobile-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/mobile.svg");
    background-size: 70px;
}

.move-70 {
    display: block;
    width: 70px;
    height: 20px;
    background: url("../../svg/move.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.movements-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/movements.svg");
    background-size: 70px;
}
.movements-f-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/movement-forwarding.svg");
    background-size: 70px;
}

.multi-categories-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/multi-categories.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.multilevel-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/multilevel.svg");
    background-size: 70px;
}

.next-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/next.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.no-warehouse-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/no-warehouse");
    background-size: 70px;
}

.notes-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/notes.svg");
    background-size: 70px;
}

.notifications-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/notifications.svg");
    background-size: 70px;
}

.orders-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/orders.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.payment-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/payment.svg");
    background-size: 70px;
}

.pending-process-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/pending-process.svg");
    background-size: 70px;
}

.pennat-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/pennat.svg");
    background-size: 70px;
}

.run-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/run.svg");
    background-size: 70px;
}

.print-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/print.svg");
    background-size: 70px;
}

.products-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/products.svg");
    background-size: 70px;
}

.production-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/production.svg");
    background-size: 70px;
}

.process-order-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/process-orders.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.provider-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/provider.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.provider-plus-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/provider-plus.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.purchases-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/purchases.svg");
    background-size: 70px;
}

.recurrence-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/recurrence.svg");
    background-size: 70px;
}

.recounts-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/recounts.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.requisition-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/requisition.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.save-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/save.svg");
    background-size: 70px;
}

.sales-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/sales.svg");
    background-size: 70px;
}

.sales-beta-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/beta/sales.svg");
    background-size: 70px;
}

.sale-issue-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/beta/sale-issue.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.scan-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/scan.svg");
    background-size: 70px;
}

.search-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/search.svg");
    background-size: 70px;
}

.settings-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/settings.svg");
    background-size: 70px;
}

.settings-min-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/settings-min.svg");
    background-size: 70px;
}

.serial-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/serial.svg");
    background-size: 70px;
}

.serial-lote-number-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/serial-lote-number.svg");
    background-size: 70px;
}

.swift-scan-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/swift-scan.svg");
    background-size: 70px;
}

.target-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/target.svg");
    background-size: 70px;
}

.time-back-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/time-back.svg");
    background-size: 70px;
}

.territory-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/territory.svg");
    background-size: 70px;
}

.transfer-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/transfer.svg");
    background-size: 70px;
}

.tracking-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/tracking.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.unassign-product-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/unassign-product.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.uom-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/uom.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.upload-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/upload.svg");
    background-size: 70px;
}

.users-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/users.svg");
    background-size: 70px;
}

.user-permissions-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/user-permissions.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.user-plus-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/user-plus.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.variant-son-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/variant-son.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.vendor-user-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/vendor-user.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.virtual-space-70 {
    display: block;
    height: 70px;
    width: 70px;
    background-image: url("../../svg/virtual-space.svg");
    background-repeat: no-repeat;
    background-size: 70px;
}

.vendor-user-add-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/vendor-user-add.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.warehouse-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/warehouses.svg");
    background-size: 70px;
}

.warning-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/warning.svg");
    background-size: 70px;
}

.wave-picking-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/wave-picking.svg");
    background-size: 70px;
}

.x-mark-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/x-mark.svg");
    background-size: 70px;
}


/* end iconos 70*70 */


/*iconos 100*100*/

.actions-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/actions.svg");
    background-size: 100px;
}

.activities-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/activities.svg");
    background-size: 100px;
}

.alerts-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/alerts.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.all-user-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/all-user.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.all-user-left-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/all-user-left.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.all-user-right-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/all-user-right.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.analytics-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/analytics.svg");
    background-size: 100px;
}

.archives-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/archives.svg");
    background-size: 100px;
}

.assign-product-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/assign-product.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.attach-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/attach.svg");
    background-size: 100px;
}

.attributes-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/attributes.svg");
    background-size: 100px;
}

.autoscan-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/autoscan.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.back-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/back.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.calculator-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/calculator.svg");
    background-size: 100px;
}

.calendar-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/calendar.svg");
    background-size: 100px;
}

.call-me-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/call-me.svg");
    background-size: 100px;
}

.camera-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/camera.svg");
    background-size: 100px;
}

.campaigns-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/campaigns.svg");
    background-size: 100px;
}

.categories-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/categories.svg");
    background-size: 100px;
}

.chat-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/chat.svg");
    background-size: 100px;
}

.check-mark-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/check-mark.svg");
    background-size: 100px;
}

.check-mark-grey-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/check-mark-grey.svg");
    background-size: 100px;
}

.coach-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/coach.svg");
    background-size: 100px;
}

.companies-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/companies.svg");
    background-size: 100px;
}

.collections-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/collections.svg");
    background-size: 100px;
}

.counts-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/counts.svg");
    background-size: 100px;
}

.counts-02-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/count_02.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.customers-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/customers.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.custom-fields-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/custom-fields.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.database-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/database.svg");
    background-size: 100px;
}

.delete-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/delete.svg");
    background-size: 100px;
}

.disconnected-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/disconnected.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.download-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/download.svg");
    background-size: 100px;
}

.edit-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/edit.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.edit-item-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/edit-items.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.email-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/email.svg");
    background-size: 100px;
}

.exel-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/exel.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.fases-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/fases.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.female-01-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/female-01.svg");
    background-size: 100px;
}

.female-02-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/female-02.svg");
    background-size: 100px;
}

.filters-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/filters.svg");
    background-size: 100px;
}

.finish-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/finish.svg");
    background-size: 100px;
}

.folders-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/folders.svg");
    background-size: 100px;
}

.fulfill-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/fulfill.svg");
    background-size: 100px;
}

.help-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/help.svg");
    background-size: 100px;
}

.historial-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/historial.svg");
    background-size: 100px;
}

.hub-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/hub.svg");
    background-size: 100px;
}

.id-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/id.svg");
    background-size: 100px;
}

.information-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/information.svg");
    background-size: 100px;
}

.integrations-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/integration.svg");
    background-size: 100px;
}

.inv-hurry-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/inventory_in_a_hurry.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.labels-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/labels.svg");
    background-size: 100px;
}

.less-mark-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/less-mark.svg");
    background-size: 100px;
}

.locate-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/locate.svg");
    background-size: 100px;
}

.locations-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/locations.svg");
    background-size: 100px;
}

.lote-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/lote.svg");
    background-repeat: no-repeat;
    background-size: 100px;
}

.list-price-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/list-price.svg");
    background-repeat: no-repeat;
    background-size: 100px;
}

.male-arrow-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/male-arrow.svg");
    background-size: 0px;
    background-repeat: no-repeat;
}

.male-01-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/male-01.svg");
    background-size: 100px;
}

.male-02-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/male-02.svg");
    background-size: 100px;
}

.maintenance-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/maintenance.svg");
    background-size: 100px;
}

.marketplace-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/marketplace.svg");
    background-size: 100px;
}

.materials-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/materials.svg");
    background-size: 100px;
}

.materials-recipes-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/materials-recipes.svg");
    background-size: 100px;
}

.mass-transfer-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/mass-transfer.svg");
    background-size: 100px;
}

.mass-in-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/mass-in.svg");
    background-size: 100px;
}

.mass-out-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/mass-out.svg");
    background-size: 100px;
}

.messages-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/messages.svg");
    background-size: 100px;
}

.mobile-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/mobile.svg");
    background-size: 100px;
}

.move-100 {
    display: block;
    width: 100px;
    height: 20px;
    background: url("../../svg/move.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.movements-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/movements.svg");
    background-size: 100px;
}
.movements-f-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/movement-forwarding.svg");
    background-size: 100px;
}

.multi-categories-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/multi-categories.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.multilevel-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/multilevel.svg");
    background-size: 100px;
}

.next-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/next.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.no-warehouse-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/no-warehouse.svg");
    background-size: 100px;
}

.notes-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/notes.svg");
    background-size: 100px;
}

.notifications-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/notifications.svg");
    background-size: 100px;
}

.orders-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/orders.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.payment-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/payment.svg");
    background-size: 100px;
}

.pending-process-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/pending-process.svg");
    background-size: 100px;
}

.pennat-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/pennat.svg");
    background-size: 100px;
}

.run-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/run.svg");
    background-size: 100px;
}

.plus-mark-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/plus-mark.svg");
    background-size: 100px;
}

.print-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/print.svg");
    background-size: 100px;
}

.products-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/products.svg");
    background-size: 100px;
}

.production-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/production.svg");
    background-size: 100px;
}

.process-order-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/process-orders.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.provider-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/provider.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.provider-plus-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/provider-plus.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.purchases-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/purchases.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.recurrence-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/recurrence.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.recounts-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/recounts.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.recounts-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/requisition.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.save-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/save.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.sales-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/sales.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.sales-beta-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/beta/sales.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.sale-issue-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/beta/sale-issue.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.scan-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/scan.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.search-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/search.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.settings-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/settings.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.serial-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/serial.svg");
    background-size: 100px;
}

.serial-lote-number-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/serial-lote-number.svg");
    background-size: 100px;
}

.settings-min-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/settings-min.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.swift-scan-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/swift-scan.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.target-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/target.svg");
    background-size: 100px;
}

.time-back-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/time-back.svg");
    background-size: 100px;
}

.territory-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/territory.svg");
    background-size: 100px;
}

.transfer-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/transfer.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.tracking-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/tracking.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.unassign-product-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/unassign-product.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.uom-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/uom.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.upload-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/upload.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.users-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/users.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.user-permissions-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/user-permissions.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.user-plus-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/user-plus.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.variant-son-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/variant-son.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.vendor-user-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/vendor-user.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.vendor-user-add-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/vendor-useradd-.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.virtual-space-100 {
    display: block;
    height: 100px;
    width: 100px;
    background-image: url("../img/svg/virtual-space.svg");
    background-repeat: no-repeat;
    background-size: 100px;
}

.warehouse-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/warehouses.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.warning-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/warning.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.wave-picking-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/wave-picking.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.x-mark-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/x-mark.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}


/* end iconos 100*100 */


/* ------------------------ */


/* iconos beta */


/* 20 */

.customers-beta-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/beta/customers-beta.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.custom-fields-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/custom-fields.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.orders-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/orders.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.orders-beta-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/beta/orders-beta.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.supplier-beta-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/beta/supplier-beta.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}


/* end 20 */


/* 30 */

.customers-beta-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/beta/customers-beta.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.orders-beta-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/beta/orders-beta.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.supplier-beta-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/beta/supplier-beta.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}


/* end 30 */


/* 40 */

.customers-beta-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/beta/customers-beta.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.orders-beta-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/beta/orders-beta.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.supplier-beta-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/beta/supplier-beta.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}


/* end 40 */


/* 70 */

.customers-beta-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/beta/customers-beta.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.orders-beta-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/beta/orders-beta.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.supplier-beta-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/beta/supplier-beta.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}


/* end 70 */


/* 100 */

.customers-beta-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/beta/customers-beta.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.orders-beta-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/beta/orders-beta.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.supplier-beta-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/beta/supplier-beta.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}


/* end 100 */

.migration-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../img/migration_icon.png");
    background-size: 20px;
    background-repeat: no-repeat;
}

.migration-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../img/migration_icon.png");
    background-size: 30px;
    background-repeat: no-repeat;
}

.migration-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../img/migration_icon.png");
    background-size: 40px;
    background-repeat: no-repeat;
}

.migration-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../img/migration_icon.png");
    background-size: 70px;
    background-repeat: no-repeat;
}

.migration-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../img/migration_icon.png");
    background-size: 100px;
    background-repeat: no-repeat;
}

.wave-picking-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/wave-picking.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.wave-picking-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/wave-picking.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.wave-picking-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/wave-picking.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.wave-picking-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/wave-picking.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.wave-picking-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/wave-picking.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.fulfill-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/fulfill.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.fulfill-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/fulfill.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.fulfill-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/fulfill.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}

.fulfill-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/fulfill.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.fulfill-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/fulfill.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.reset-data-icon-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.reset-data-icon-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.reset-data-icon-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.reset-data-icon-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.reset-data-icon-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.reset-data-icon-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/reset-data-icon.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.list-icon-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/list.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.list-icon-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/list.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.list-icon-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/list.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.list-icon-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/list.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.list-icon-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/list.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.run-integration-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/play_integration.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.pause-integration-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/pause_integration.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.replenishment-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/replenishment.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.replenishment-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/replenishment.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.replenishment-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/replenishment.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.replenishment-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/replenishment.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.replenishment-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/replenishment.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.up_integration-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/up_integration.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.up_integration-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/up_integration.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.up_integration-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/up_integration.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.up_integration-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/up_integration.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.up_integration-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/up_integration.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.parsing-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/parsing.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.parsing-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/parsing.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.parsing-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/parsing.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.parsing-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/parsing.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.parsing-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/parsing.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}

.swiftpick-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/swiftpick.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.swiftpick-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/swiftpick.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.swiftpick-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/swiftpick.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.swiftpick-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/swiftpick.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.swiftpick-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/swiftpick.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.skid-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/skid.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

variant-iconv .skid-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/skid.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.skid-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/skid.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.variant-icon-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/variant-product.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.variant-son-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/variant-son.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}


/*pegar css en: public\assets\custom\swift_icons.css */


/*pegar imagen .svd en: public\svg */

.temp-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/temp.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.temp-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../svg/temp.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}

.temp-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../svg/temp.svg);
    background-size: 30px;
    background-repeat: no-repeat;
}

.temp-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../svg/temp.svg);
    background-size: 40px;
    background-repeat: no-repeat;
}

.temp-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../svg/temp.svg);
    background-size: 70px;
    background-repeat: no-repeat;
}

.temp-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../svg/temp.svg);
    background-size: 100px;
    background-repeat: no-repeat;
}


/* iconos input */

.list-price-input {
    background-image: url(../../svg/list-price.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 4%;
}


/* wizard */


/* ------------ */


/* sales */

.sales-details {
    background-image: url(../../svg/new_sale/sales_details.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.sales-details:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}

.add-products-sale {
    background-image: url(../../img/new-sale/add_product-01.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.add-products-sale:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}

.sales-summary {
    background-image: url(../../svg/new_sale/sale_summary.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.sales-summary:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}


/* counts */

.step-passed {
    opacity: 1 !important;
    filter: none !important;
}

.count-definition {
    background-image: url(../../svg/counts.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.count-definition:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}

.recurrence-new {
    background-image: url(../../svg/recounts.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.recurrence-new:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}

.save-confirm {
    background-image: url(../../svg/save.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
}

.save-confirm:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: none;
    transition: 0.5s;
}


/* wavw picking */

.wp-001 {
    background-image: url(../../svg/wp-001.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
    margin-right: 1rem;
    transition: 2s;
}

.wp-002 {
    background-image: url(../../svg/wp-002.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
    margin-right: 1rem;
    transition: 2s;
}

.wp-003 {
    background-image: url(../../svg/wp-003.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
    margin-right: 1rem;
    transition: 2s;
}

.wp-001:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.wp-002:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.wp-003:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.loading-20 {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../../responsive/img/gif/loader-001.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

.cancel-20 {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../../responsive/img/svg/close-x.svg);
    background-repeat: no-repeat;
    background-size: 20px;
}

.serial-40-god {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url(../../responsive/img/svg/serial.svg);
    background-repeat: no-repeat;
    background-size: 30px;
}


/* wavw picking */
.merch-tracking-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.merch-tracking-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.merch-tracking-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.merch-tracking-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.merch-tracking-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}
.wp-002 {
    background-image: url(../../svg/wp-002.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
    margin-right: 1rem;
    transition: 2s;
}

.wp-003 {
    background-image: url(../../svg/wp-003.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
    filter: grayscale();
    transition: 1s;
    margin-right: 1rem;
    transition: 2s;
}

.wp-001:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.wp-002:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.wp-003:hover {
    transform: scale(1.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 200px !important;
    transition: 0.3s;
}

.loading-20 {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../../responsive/img/gif/loader-001.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

.cancel-20 {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../../responsive/img/svg/close-x.svg);
    background-repeat: no-repeat;
    background-size: 20px;
}

.serial-40-god {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url(../../responsive/img/svg/serial.svg);
    background-repeat: no-repeat;
    background-size: 30px;
}

.add-40 {
    display: block;
    height: 40px;
    width: 40px;
    background-image: url("../../responsive/img/svg/add.svg");
    background-repeat: no-repeat;
    background-size: 40px;
}

.add-custom {
    display: block;
    height: 35px;
    width: 60px;
    background-image: url(../../responsive/img/svg/add.svg);
    background-repeat: no-repeat;
    background-size: 34px;
}

.delete-custom {
    display: block;
    height: 35px;
    width: 60px;
    background: url("../../svg/delete.svg");
    background-size: 34px;
    background-repeat: no-repeat;
}

.edit-custom {
    display: block;
    height: 35px;
    width: 60px;
    background: url("../../svg/edit.svg");
    background-size: 34px;
    background-repeat: no-repeat;
}

/* wavw picking */

.merch-tracking-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.merch-tracking-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.merch-tracking-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.merch-tracking-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.merch-tracking-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/merchandise-tracking.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}


.vehicle-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/vehicles.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}

.vehicle-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/vehicles.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

.vehicle-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/vehicles.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.vehicle-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/vehicles.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}

.vehicle-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/vehicles.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}
/* new icons 2023 */
.observations-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/observations.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}
.observations-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/observations.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}
.observations-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/observations.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.observations-60 {
    display: block;
    width: 60px;
    height: 60px;
    background: url("../../svg/observations.svg");
    background-size: 60px;
    background-repeat: no-repeat;
}
.observations-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/observations.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}
.observations-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/observations.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}

.state-merchandise-20 {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 20px;
    background-repeat: no-repeat;
}
.state-merchandise-30 {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}
.state-merchandise-40 {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 40px;
    background-repeat: no-repeat;
}
.state-merchandise-60 {
    display: block;
    width: 60px;
    height: 60px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 60px;
    background-repeat: no-repeat;
}
.state-merchandise-70 {
    display: block;
    width: 70px;
    height: 70px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 70px;
    background-repeat: no-repeat;
}
.state-merchandise-100 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("../../svg/state-merchandise.svg");
    background-size: 100px;
    background-repeat: no-repeat;
}