.icon {
    width: 16px;
    height: 16px;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.75;
}

.tabIcon {
    width: 1.1rem;
    height: 1.1rem;
    min-width: 1.1rem;
    min-height: 1.1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

:not(.dxbl-active) > .tabIcon {
    opacity: 0.75;
}

.icon0 {
    -webkit-mask-image: url("/images/0-circle.svg");
    mask-image: url("/images/0-circle.svg");
    color:  #560591;
}

.icon1 {
    -webkit-mask-image: url("/images/1-circle.svg");
    mask-image: url("/images/1-circle.svg");
    color: #560591;
}

.icon2 {
    -webkit-mask-image: url("/images/2-circle.svg");
    mask-image: url("/images/2-circle.svg");
    color: #560591;
}

.icon3 {
    -webkit-mask-image: url("/images/3-circle.svg");
    mask-image: url("/images/3-circle.svg");
    color: #560591;
}

.icon4 {
    -webkit-mask-image: url("/images/4-circle.svg");
    mask-image: url("/images/4-circle.svg");
    color: #560591;
}

.icon5 {
    -webkit-mask-image: url("/images/5-circle.svg");
    mask-image: url("/images/5-circle.svg");
    color: #560591;
}

.icon6 {
    -webkit-mask-image: url("/images/6-circle.svg");
    mask-image: url("/images/6-circle.svg");
    color: #560591;
}

.icon7 {
    -webkit-mask-image: url("/images/7-circle.svg");
    mask-image: url("/images/7-circle.svg");
    color: #560591;
}

.icon8 {
    -webkit-mask-image: url("/images/8-circle.svg");
    mask-image: url("/images/8-circle.svg");
    color: #560591;
}

.icon9 {
    -webkit-mask-image: url("/images/9-circle.svg");
    mask-image: url("/images/9-circle.svg");
    color: #560591;
}

.iconAccounting {
    -webkit-mask-image: url("/images/briefcase.svg");
    mask-image: url("/images/briefcase.svg");
    color: #560591;
}

.iconAccessEvent {
    -webkit-mask-image: url("/images/check-circle.svg");
    mask-image: url("/images/check-circle.svg");
    color: #560591;
}

.iconAdd {
    -webkit-mask-image: url("/images/plus-lg.svg");
    mask-image: url("/images/plus-lg.svg");
    color: #560591;
}

.iconAddress {
    -webkit-mask-image: url("/images/geo-alt.svg");
    mask-image: url("/images/geo-alt.svg");
    color: #560591;
}

.iconAddresses {
    -webkit-mask-image: url("/images/pin-map.svg");
    mask-image: url("/images/pin-map.svg");
    color: #560591;
}

.iconAdditionalOperations {
    -webkit-mask-image: url("/images/clipboard-plus.svg");
    mask-image: url("/images/clipboard-plus.svg");
    color: #560591;
}

.iconAirplane {
    -webkit-mask-image: url("/images/airplane.svg");
    mask-image: url("/images/airplane.svg");
    color: #560591;
}

.iconAlarm {
    -webkit-mask-image: url("/images/alarm.svg");
    mask-image: url("/images/alarm.svg");
    color: #560591;
}

.iconApproval {
    -webkit-mask-image: url("/images/approve.svg");
    mask-image: url("/images/approve.svg");
    color: #560591;
}

.iconBackward {
    -webkit-mask-image: url("/images/flip-backward.svg");
    mask-image: url("/images/flip-backward.svg");
    color: #560591;
}

.iconBagCheck {
    -webkit-mask-image: url("/images/bag-check.svg");
    mask-image: url("/images/bag-check.svg");
    color: #560591;
}

.iconBack {
    -webkit-mask-image: url("/images/back.svg");
    mask-image: url("/images/back.svg");
    color: #560591;
}

.iconBarcode {
    -webkit-mask-image: url("/images/barcode.svg");
    mask-image: url("/images/barcode.svg");
    color: #560591;
}

.iconBom {
    -webkit-mask-image: url("/images/bar-chart-steps.svg");
    mask-image: url("/images/bar-chart-steps.svg");
    color: #560591;
}
.iconBookmark {
    -webkit-mask-image: url("/images/bookmark.svg");
    mask-image: url("/images/bookmark.svg");
    color: #560591;
}

.iconCalc {
    -webkit-mask-image: url("/images/calc.svg");
    mask-image: url("/images/calc.svg");
    color: #560591;
}

.iconCalculator {
    -webkit-mask-image: url("/images/calculator.svg");
    mask-image: url("/images/calculator.svg");
    color: #560591;
}

.iconCalendar {
    -webkit-mask-image: url("/images/calendar3.svg");
    mask-image: url("/images/calendar3.svg");
    color: #560591;
}

.iconCalendarDay {
    -webkit-mask-image: url("/images/calendar-day.svg");
    mask-image: url("/images/calendar-day.svg");
    color: #560591;
}

.iconCalendarMonth {
    -webkit-mask-image: url("/images/calendar-month.svg");
    mask-image: url("/images/calendar-month.svg");
    color: #560591;
}

.iconCalendarWeek {
    -webkit-mask-image: url("/images/calendar-week.svg");
    mask-image: url("/images/calendar-week.svg");
    color: #560591;
}

.iconCancel {
    -webkit-mask-image: url("/images/cancel.svg");
    mask-image: url("/images/cancel.svg");
    color: #B91C1C;
}

.iconCancelLg {
    -webkit-mask-image: url("/images/x-lg.svg");
    mask-image: url("/images/x-lg.svg");
    color: #B91C1C;
}

.iconCard {
    -webkit-mask-image: url("/images/credit-card-2-front.svg");
    mask-image: url("/images/credit-card-2-front.svg");
    color: #560591;
}

.iconCardList {
    -webkit-mask-image: url("/images/card-list.svg");
    mask-image: url("/images/card-list.svg");
    color: #560591;
}

.iconChartLine {
    -webkit-mask-image: url("/images/bar-chart-line.svg");
    mask-image: url("/images/bar-chart-line.svg");
    color: #560591;
}

.iconChartPie {
    -webkit-mask-image: url("/images/pie-chart.svg");
    mask-image: url("/images/pie-chart.svg");
    color: #560591;
}

.iconCheck {
    -webkit-mask-image: url("/images/check2.svg");
    mask-image: url("/images/check2.svg");
    color: #560591;
}

.iconCheckLg {
    -webkit-mask-image: url("/images/check-lg.svg");
    mask-image: url("/images/check-lg.svg");
    color: #560591;
}

.iconCheckCircle {
    -webkit-mask-image: url("/images/check-circle.svg");
    mask-image: url("/images/check-circle.svg");
    color: #560591;
}

.iconCheckAll {
    -webkit-mask-image: url("/images/check2-all.svg");
    mask-image: url("/images/check2-all.svg");
    color: #560591;
}

.iconCheckList {
    -webkit-mask-image: url("/images/ui-checks.svg");
    mask-image: url("/images/ui-checks.svg");
    color: #560591;
}

.iconCheckSquare {
    -webkit-mask-image: url("/images/check-square.svg");
    mask-image: url("/images/check-square.svg");
    color: #560591;
}

.iconCircleFill {
    -webkit-mask-image: url("/images/circle-fill.svg");
    mask-image: url("/images/circle-fill.svg");

    color: #560591;
}

.iconClaim {
    -webkit-mask-image: url("/images/shield-lock.svg");
    mask-image: url("/images/shield-lock.svg");
    color: #560591;
}

.iconClear {
    -webkit-mask-image: url("/images/clear.svg");
    mask-image: url("/images/clear.svg");
    color: #B91C1C;
}

.iconClose {
    -webkit-mask-image: url("/images/x.svg");
    mask-image: url("/images/x.svg");
    color: #560591;
}

.iconCloudDownload {
    -webkit-mask-image: url("/images/cloud-download.svg");
    mask-image: url("/images/cloud-download.svg");
    color: #560591;
}

.iconCloudUpload {
    -webkit-mask-image: url("/images/cloud-upload.svg");
    mask-image: url("/images/cloud-upload.svg");
    color: #560591;
}

.iconCode {
    -webkit-mask-image: url("/images/braces.svg");
    mask-image: url("/images/braces.svg");
    color: #560591;
}

.iconCollapse {
    -webkit-mask-image: url("/images/arrows-angle-contract.svg");
    mask-image: url("/images/arrows-angle-contract.svg");
    color: #560591;
}

.iconColumnChooser {
    -webkit-mask-image: url("/images/column-chooser.svg");
    mask-image: url("/images/column-chooser.svg");
    color: #560591;
}

.iconComparison {
    -webkit-mask-image: url("/images/symmetry-vertical.svg");
    mask-image: url("/images/symmetry-vertical.svg");
    color: #560591;
}

.iconConsumption {
    -webkit-mask-image: url("/images/box-arrow-up-right.svg");
    mask-image: url("/images/box-arrow-up-right.svg");
    color: #560591;
}

.iconConsumptionReturn {
    -webkit-mask-image: url("/images/box-arrow-in-down-left.svg");
    mask-image: url("/images/box-arrow-in-down-left.svg");
    color: #560591;
}

.iconCollapse {
    -webkit-mask-image: url("/images/arrows-angle-contract.svg");
    mask-image: url("/images/arrows-angle-contract.svg");
    color: #560591;
}

.iconContact {
    -webkit-mask-image: url("/images/person-vcard.svg");
    mask-image: url("/images/person-vcard.svg");
    color: #560591;
}

.iconCopy {
    -webkit-mask-image: url("/images/copy.svg");
    mask-image: url("/images/copy.svg");
    color: #560591;
}

.iconCounted {
    -webkit-mask-image: url("/images/file-earmark-binary.svg");
    mask-image: url("/images/file-earmark-binary.svg");
    color: #560591;
}

.iconCurrencyDollar {
    -webkit-mask-image: url("/images/currency-dollar.svg");
    mask-image: url("/images/currency-dollar.svg");
    color: #560591;
}

.iconCurrencyEuro {
    -webkit-mask-image: url("/images/currency-euro.svg");
    mask-image: url("/images/currency-euro.svg");
    color: #560591;
}

.iconCurrencyExchange {
    -webkit-mask-image: url("/images/currency-exchange.svg");
    mask-image: url("/images/currency-exchange.svg");
    color: #560591;
}

.iconCurrencyTl {
    -webkit-mask-image: url("/images/currency-tl.svg");
    mask-image: url("/images/currency-tl.svg");
    color: #560591;
}

.iconCut {
    -webkit-mask-image: url("/images/scissors.svg");
    mask-image: url("/images/scissors.svg");
    color: #560591;
}

.iconDatabase {
    -webkit-mask-image: url("/images/database-fill.svg");
    mask-image: url("/images/database-fill.svg");
    color: #560591;
}

.iconDelete {
    -webkit-mask-image: url("/images/trash.svg");
    mask-image: url("/images/trash.svg");
    color: #560591;
}

.iconDepartment {
    -webkit-mask-image: url("/images/diagram-3.svg");
    mask-image: url("/images/diagram-3.svg");
    color: #560591;
}

.iconDifference {
    -webkit-mask-image: url("/images/file-earmark-diff.svg");
    mask-image: url("/images/file-earmark-diff.svg");
    color: #560591;
}

.iconDone {
    -webkit-mask-image: url("/images/done.svg");
    mask-image: url("/images/done.svg");
    color: green;
}

.iconDownload {
    -webkit-mask-image: url("/images/download.svg");
    mask-image: url("/images/download.svg");
    color: #560591;
}

.iconDrawing {
    -webkit-mask-image: url("/images/bezier.svg");
    mask-image: url("/images/bezier.svg");
    color: #560591;
}

.iconDwg {
    -webkit-mask-image: url("/images/drawing.png");
    mask-image: url("/images/drawing.png");
    color: #560591;
}

.iconEdit {
    -webkit-mask-image: url("/images/pencil.svg");
    mask-image: url("/images/pencil.svg");
    color: #560591;
}


.iconEmployees {
    -webkit-mask-image: url("/images/people.svg");
    mask-image: url("/images/people.svg");
    color: #560591;
}

.iconEmpty {
    -webkit-mask-image: url("/images/empty.svg");
    mask-image: url("/images/empty.svg");
    color: #560591;
}

.iconExcel {
    -webkit-mask-image: url("/images/excel.svg");
    mask-image: url("/images/excel.svg");
    color: #560591;
}

.iconExpand {
    -webkit-mask-image: url("/images/arrows-angle-expand.svg");
    mask-image: url("/images/arrows-angle-expand.svg");
    color: #560591;
}

.iconExecution {
    -webkit-mask-image: url("/images/execution.svg");
    mask-image: url("/images/execution.svg");
    color: #560591;
}

.iconFile {
    -webkit-mask-image: url("/images/file-earmark.svg");
    mask-image: url("/images/file-earmark.svg");
    color: #560591;
}

.iconFileText {
    -webkit-mask-image: url("/images/file-earmark-text.svg");
    mask-image: url("/images/file-earmark-text.svg");
    color: #560591;
}

.iconFileCheck {
    -webkit-mask-image: url("/images/file-earmark-check.svg");
    mask-image: url("/images/file-earmark-check.svg");
    color: #560591;
}

.iconFirm {
    -webkit-mask-image: url("/images/buildings.svg");
    mask-image: url("/images/buildings.svg");
    color: #560591;
}

.iconFilter {
    -webkit-mask-image: url("/images/filter.svg");
    mask-image: url("/images/filter.svg");
    color: #560591;
}

.iconFilterOff {
    -webkit-mask-image: url("/images/filter.svg");
    mask-image: url("/images/filter.svg");
    color: gray;
}

.iconFlag {
    -webkit-mask-image: url("/images/flag.svg");
    mask-image: url("/images/flag.svg");
    color: #560591;
}

.iconGantt {
    -webkit-mask-image: url("/images/gantt.svg");
    mask-image: url("/images/gantt.svg");
    color: #560591;
}

.iconGeneral {
    -webkit-mask-image: url("/images/clipboard2.svg");
    mask-image: url("/images/clipboard2.svg");
    color: #560591;
}

.iconGroup {
    -webkit-mask-image: url("/images/group.svg");
    mask-image: url("/images/group.svg");
    color: #560591;
}

.iconHandTruck {
    -webkit-mask-image: url("/images/hand-truck.svg");
    mask-image: url("/images/hand-truck.svg");
    color: #560591;
}

.iconHistory {
    -webkit-mask-image: url("/images/clock-history.svg");
    mask-image: url("/images/clock-history.svg");
    color: #560591;
}

.iconHome {
    -webkit-mask-image: url("/images/house.svg");
    mask-image: url("/images/house.svg");
    color: #560591;
}

.iconHeading {
    -webkit-mask-image: url("/images/card-heading.svg");
    mask-image: url("/images/card-heading.svg");
    color: #560591;
}

.iconInput {
    -webkit-mask-image: url("/images/box-arrow-in-right.svg");
    mask-image: url("/images/box-arrow-in-right.svg");
    color: #560591;
}

.iconInvoice {
    -webkit-mask-image: url("/images/file-earmark-richtext.svg");
    mask-image: url("/images/file-earmark-richtext.svg");
    color: #560591;
}

.iconIndirect {
    -webkit-mask-image: url("/images/indirect.svg");
    mask-image: url("/images/indirect.svg");
    color: #560591;
}

.iconItems {
    -webkit-mask-image: url("/images/card-checklist.svg");
    mask-image: url("/images/card-checklist.svg");
    color: #560591;
}

.iconKiosk {
    -webkit-mask-image: url("/images/person-workspace.svg");
    mask-image: url("/images/person-workspace.svg");
    color: #560591;
}

.iconLabor {
    -webkit-mask-image: url("/images/person-gear.svg");
    mask-image: url("/images/person-gear.svg");
    color: #560591;
}

.iconLaborWage {
    -webkit-mask-image: url("/images/person-wage.svg");
    mask-image: url("/images/person-wage.svg");
    color: #560591;
}

.iconLanguage {
    -webkit-mask-image: url("/images/globe.svg");
    mask-image: url("/images/globe.svg");
    color: #560591;
}

.iconLayers {
    -webkit-mask-image: url("/images/stack.svg");
    mask-image: url("/images/stack.svg");
    color: #560591;
}

.iconLightning {
    -webkit-mask-image: url("/images/lightning.svg");
    mask-image: url("/images/lightning.svg");
    color: #560591;
}

.iconList {
    -webkit-mask-image: url("/images/list-columns-reverse.svg");
    mask-image: url("/images/list-columns-reverse.svg");
    color: #560591;
}

.iconListCheck {
    -webkit-mask-image: url("/images/list-check.svg");
    mask-image: url("/images/list-check.svg");
    color: #560591;
}

.iconLog {
    -webkit-mask-image: url("/images/list-unordered.svg");
    mask-image: url("/images/list-unordered.svg");
    color: #560591;
}

.iconLogistic {
    -webkit-mask-image: url("/images/logistic.svg");
    mask-image: url("/images/logistic.svg");
    color: #560591;
}

.iconLock {
    -webkit-mask-image: url("/images/lock.svg");
    mask-image: url("/images/lock.svg");
    color: #560591;
}

.iconMagic {
    -webkit-mask-image: url("/images/magic.svg");
    mask-image: url("/images/magic.svg");
    color: #560591;
}

.iconMail {
    -webkit-mask-image: url("/images/envelope-at.svg");
    mask-image: url("/images/envelope-at.svg");
    color: #560591;
}

.iconManufactureRequisition {
    -webkit-mask-image: url("/images/clipboard-medical.svg");
    mask-image: url("/images/clipboard-medical.svg");
    color: #560591;
}

.iconManufactureWorkOrder {
    -webkit-mask-image: url("/images/clipboard-list.svg");
    mask-image: url("/images/clipboard-list.svg");
    color: #560591;
}

.iconManufactureWorkOrderDefine {
    -webkit-mask-image: url("/images/clipboard-plus.svg");
    mask-image: url("/images/clipboard-plus.svg");
    color: #560591;
}

.iconMatch {
    -webkit-mask-image: url("/images/hdd-stack.svg");
    mask-image: url("/images/hdd-stack.svg");
    color: #560591;
}

.iconMeeting {
    -webkit-mask-image: url("/images/meeting.svg");
    mask-image: url("/images/meeting.svg");
    color: #560591;
}

.iconMenu {
    -webkit-mask-image: url("/images/menu.svg");
    mask-image: url("/images/menu.svg");
    color: #560591;
}

.iconMixedMovement {
    -webkit-mask-image: url("/images/shuffle.svg");
    mask-image: url("/images/shuffle.svg");
    color: #560591;
}

.iconMoney {
    -webkit-mask-image: url("/images/cash.svg");
    mask-image: url("/images/cash.svg");
    color: #560591;
}

.iconMutualMovement {
    -webkit-mask-image: url("/images/arrow-left-right.svg");
    mask-image: url("/images/arrow-left-right.svg");
    color: #560591;
}

.iconNext {
    -webkit-mask-image: url("/images/chevron-right.svg");
    mask-image: url("/images/chevron-right.svg");
    color: #560591;
}

.iconNextDouble {
    -webkit-mask-image: url("/images/chevron-double-right.svg");
    mask-image: url("/images/chevron-double-right.svg");
    color: #560591;
}


.iconNew {
    -webkit-mask-image: url("/images/file-earmark.svg");
    mask-image: url("/images/file-earmark.svg");
    color: #560591;
}

.iconNotify {
    -webkit-mask-image: url("/images/bell.svg");
    mask-image: url("/images/bell.svg");
    color: #560591;
}

.iconOffer {
    -webkit-mask-image: url("/images/file-earmark-ruled.svg");
    mask-image: url("/images/file-earmark-ruled.svg");
    color: #560591;
}

.iconOrder {
    -webkit-mask-image: url("/images/file-earmark-spreadsheet.svg");
    mask-image: url("/images/file-earmark-spreadsheet.svg");
    color: #560591;
}

.iconOutsource {
    -webkit-mask-image: url("/images/outsource.svg");
    mask-image: url("/images/outsource.svg");
    color: #560591;
}

.iconPaperClip {
    -webkit-mask-image: url("/images/paperclip.svg");
    mask-image: url("/images/paperclip.svg");
    color: #560591;
}

.iconParameter {
    -webkit-mask-image: url("/images/sliders2.svg");
    mask-image: url("/images/sliders2.svg");
    color: #560591;
}

.iconPassword {
    -webkit-mask-image: url("/images/key.svg");
    mask-image: url("/images/key.svg");
    color: #560591;
}

.iconPaste {
    -webkit-mask-image: url("/images/paste.svg");
    mask-image: url("/images/paste.svg");
    color: #560591;
}

.iconPayment {
    -webkit-mask-image: url("/images/wallet.svg");
    mask-image: url("/images/wallet.svg");
    color: #560591;
}

.iconPdf {
    -webkit-mask-image: url("/images/file-pdf.svg");
    mask-image: url("/images/file-pdf.svg");
    color: #560591;
}

.iconPeople {
    -webkit-mask-image: url("/images/people.svg");
    mask-image: url("/images/people.svg");
    color: #560591;
}

.iconPending {
    -webkit-mask-image: url("/images/pending.svg");
    mask-image: url("/images/pending.svg");
    color: #560591;
}

.iconPerson {
    -webkit-mask-image: url("/images/person.svg");
    mask-image: url("/images/person.svg");
    color: #560591;
}

.iconPercent {
    -webkit-mask-image: url("/images/percent.svg");
    mask-image: url("/images/percent.svg");
    color: #560591;
}

.iconPersonWorkspace {
    -webkit-mask-image: url("/images/person-workspace.svg");
    mask-image: url("/images/person-workspace.svg");
    color: #560591;
}

.iconPhoto {
    -webkit-mask-image: url("/images/person-circle.svg");
    mask-image: url("/images/person-circle.svg");
    color: #560591;
}

.iconPin {
    -webkit-mask-image: url("/images/pin-angle-fill.svg");
    mask-image: url("/images/pin-angle-fill.svg");
    color: #560591;
}

.iconPinOff {
    -webkit-mask-image: url("/images/pin-angle.svg");
    mask-image: url("/images/pin-angle.svg");
    color: #560591;
}

.iconPlanDrawing {
    -webkit-mask-image: url("/images/drawing.png");
    mask-image: url("/images/drawing.png");
    color: #560591;
}

.iconPlanEdit {
    -webkit-mask-image: url("/images/pencil-square.svg");
    mask-image: url("/images/pencil-square.svg");
    color: #560591;
}

.iconPlus {
    -webkit-mask-image: url("/images/plus.svg");
    mask-image: url("/images/plus.svg");
    color: #560591;
}

.iconPlusLg {
    -webkit-mask-image: url("/images/plus-lg.svg");
    mask-image: url("/images/plus-lg.svg");
    color: #560591;
}

.iconPool {
    -webkit-mask-image: url("/images/templates.svg");
    mask-image: url("/images/templates.svg");
    color: #560591;
}

.iconPower {
    -webkit-mask-image: url("/images/power.svg");
    mask-image: url("/images/power.svg");
    color: #560591;
}

.iconPrevious {
    -webkit-mask-image: url("/images/chevron-left.svg");
    mask-image: url("/images/chevron-left.svg");
    color: #560591;
}

.iconPreviousDouble {
    -webkit-mask-image: url("/images/chevron-double-left.svg");
    mask-image: url("/images/chevron-double-left.svg");
    color: #560591;
}

.iconNotificationStep {
    -webkit-mask-image: url("/images/arrows-move.svg");
    mask-image: url("/images/arrows-move.svg");
    color: #560591;
}

.iconProduct {
    -webkit-mask-image: url("/images/gear-wide.svg");
    mask-image: url("/images/gear-wide.svg");
    color: #560591;
}

.iconProductCheck {
    -webkit-mask-image: url("/images/patch-check.svg");
    mask-image: url("/images/patch-check.svg");
    color: #560591;
}

.iconProjectPlan {
    -webkit-mask-image: url("/images/card-checklist.svg");
    mask-image: url("/images/card-checklist.svg");
    color: #560591;
}

.iconPullBack {
    -webkit-mask-image: url("/images/pull-back.svg");
    mask-image: url("/images/pull-back.svg");
    color: #560591;
}

.iconPurchase {
    -webkit-mask-image: url("/images/bag.svg");
    mask-image: url("/images/bag.svg");
    color: #560591;
}

.iconReceipt {
    -webkit-mask-image: url("/images/file-earmark-text-fill.svg");
    mask-image: url("/images/file-earmark-text-fill.svg");
    color: #560591;
}

.iconReadReceipt {
    -webkit-mask-image: url("/images/envelope-paper.svg");
    mask-image: url("/images/envelope-paper.svg");
    color: #560591;
}

.iconRedo {
    -webkit-mask-image: url("/images/redo.svg");
    mask-image: url("/images/redo.svg");
    color: #560591;
}

.iconRefresh {
    -webkit-mask-image: url("/images/arrow-clockwise.svg");
    mask-image: url("/images/arrow-clockwise.svg");
    color: #560591;
}

.iconReload {
    -webkit-mask-image: url("/images/refresh.svg");
    mask-image: url("/images/refresh.svg");
    color: #560591;
}

.iconRemove {
    -webkit-mask-image: url("/images/x-circle.svg");
    mask-image: url("/images/x-circle.svg");
    color: #560591;
}

.iconReorder {
    -webkit-mask-image: url("/images/arrows-vertical.svg");
    mask-image: url("/images/arrows-vertical.svg");
    color: #560591;
}

.iconRepeat {
    -webkit-mask-image: url("/images/arrow-repeat.svg");
    mask-image: url("/images/arrow-repeat.svg");
    color: #560591;
}

.iconFormLayout {
    -webkit-mask-image: url("/images/layout-text-window.svg");
    mask-image: url("/images/layout-text-window.svg");
    color: #560591;
}

.iconReport {
    -webkit-mask-image: url("/images/clipboard-data.svg");
    mask-image: url("/images/clipboard-data.svg");
    color: #560591;
}

.iconResetLayout {
    -webkit-mask-image: url("/images/reset-layout.svg");
    mask-image: url("/images/reset-layout.svg");
    color: #560591;
}

.iconReserveCancel {
    -webkit-mask-image: url("/images/reserve-cancel.svg");
    mask-image: url("/images/reserve-cancel.svg");
    color: #B91C1C;
}

.iconRequirementsPlanning {
    -webkit-mask-image: url("/images/stopwatch.svg");
    mask-image: url("/images/stopwatch.svg");
    color: #560591;
}

.iconRequisition {
    -webkit-mask-image: url("/images/file-earmark-medical.svg");
    mask-image: url("/images/file-earmark-medical.svg");
    color: #560591;
}

.iconRoute {
    -webkit-mask-image: url("/images/route.svg");
    mask-image: url("/images/route.svg");
    color: #560591;
}

.iconRowDown {
    -webkit-mask-image: url("/images/arrow-bar-down.svg");
    mask-image: url("/images/arrow-bar-down.svg");
    color: #560591;
}

.iconRowUp {
    -webkit-mask-image: url("/images/arrow-bar-up.svg");
    mask-image: url("/images/arrow-bar-up.svg");
    color: #560591;
}

.iconSalesReturn {
    -webkit-mask-image: url("/images/flip-forward.svg");
    mask-image: url("/images/flip-forward.svg");
    color: #560591;
}

.iconSave {
    -webkit-mask-image: url("/images/save.svg");
    mask-image: url("/images/save.svg");
    color: #560591;
}

.iconSearch {
    -webkit-mask-image: url("/images/search.svg");
    mask-image: url("/images/search.svg");
    color: #560591;
}

.iconSearchModel {
    -webkit-mask-image: url("/images/search-model.svg");
    mask-image: url("/images/search-model.svg");
    color: #560591;
}

.iconSearchManufacture {
    -webkit-mask-image: url("/images/search-manufacture.svg");
    mask-image: url("/images/search-manufacture.svg");
    color: #560591;
}

.iconSearchMode {
    -webkit-mask-image: url("/images/type.svg");
    mask-image: url("/images/type.svg");
    color: #560591;
}

.iconSearchMode1 {
    -webkit-mask-image: url("/images/type1.svg");
    mask-image: url("/images/type1.svg");
    color: #560591;
}

.iconSearchMode2 {
    -webkit-mask-image: url("/images/type2.svg");
    mask-image: url("/images/type2.svg");
    color: #560591;
}

.iconSecurity {
    -webkit-mask-image: url("/images/shield-shaded.svg");
    mask-image: url("/images/shield-shaded.svg");
    color: #560591;
}

.iconSecurityDefine {
    -webkit-mask-image: url("/images/shield.svg");
    mask-image: url("/images/shield.svg");
    color: #560591;
}

.iconSend {
    -webkit-mask-image: url("/images/send.svg");
    mask-image: url("/images/send.svg");
    color: #560591;
}

.iconSerialNumber {
    -webkit-mask-image: url("/images/upc-scan.svg");
    mask-image: url("/images/upc-scan.svg");
    color: #560591;
}

.iconSetting {
    -webkit-mask-image: url("/images/gear.svg");
    mask-image: url("/images/gear.svg");
    color: #560591;
}

.iconShiping {
    -webkit-mask-image: url("/images/truck.svg");
    mask-image: url("/images/truck.svg");
    color: #560591;
}

.iconStock {
    -webkit-mask-image: url("/images/stock.svg");
    mask-image: url("/images/stock.svg");
    color: #560591;
}

.iconStockLevel {
    -webkit-mask-image: url("/images/reception-2.svg");
    mask-image: url("/images/reception-2.svg");
    color: #560591;
}

.iconStockCard {
    -webkit-mask-image: url("/images/archive.svg");
    mask-image: url("/images/archive.svg");
    color: #560591;
}

.iconStockTaking {
    -webkit-mask-image: url("/images/123.svg");
    mask-image: url("/images/123.svg");
    color: #560591;
}

.iconSum {
    -webkit-mask-image: url("/images/sum.svg");
    mask-image: url("/images/sum.svg");
    color: #560591;
}

.iconTab {
    -webkit-mask-image: url("/images/tab.svg");
    mask-image: url("/images/tab.svg");
    color: #560591;
}

.iconTabs {
    -webkit-mask-image: url("/images/tabs.svg");
    mask-image: url("/images/tabs.svg");
    color: #560591;
}

.iconTable {
    -webkit-mask-image: url("/images/table.svg");
    mask-image: url("/images/table.svg");
    color: #560591;
}

.iconTag {
    -webkit-mask-image: url("/images/tag.svg");
    mask-image: url("/images/tag.svg");
    color: #560591;
}

.iconTags {
    -webkit-mask-image: url("/images/tags.svg");
    mask-image: url("/images/tags.svg");
    color: #560591;
}

.iconTasks {
    -webkit-mask-image: url("/images/check2-square.svg");
    mask-image: url("/images/check2-square.svg");
    color: #560591;
}

.iconTemplate {
    -webkit-mask-image: url("/images/file-spreadsheet-fill.svg");
    mask-image: url("/images/file-spreadsheet-fill.svg");
    color: #560591;
}

.iconTemplates {
    -webkit-mask-image: url("/images/templates.svg");
    mask-image: url("/images/templates.svg");
    color: #560591;
}

.iconThreeDotsVertical {
    -webkit-mask-image: url("/images/three-dots-vertical.svg");
    mask-image: url("/images/three-dots-vertical.svg");
    color: #560591;
}

.iconTimeline {
    -webkit-mask-image: url("/images/timeline.svg");
    mask-image: url("/images/timeline.svg");
    color: #560591;
}

.iconTransfer {
    -webkit-mask-image: url("/images/arrows-right.svg");
    mask-image: url("/images/arrows-right.svg");
    color: #560591;
}

.iconThreeDots {
    -webkit-mask-image: url("/images/three-dots.svg");
    mask-image: url("/images/three-dots.svg");
    color: #560591;
}

.iconUndeliveredOrder {
    -webkit-mask-image: url("/images/arrows-down.svg");
    mask-image: url("/images/arrows-down.svg");
    color: #560591;
}

.iconUndo {
    -webkit-mask-image: url("/images/undo.svg");
    mask-image: url("/images/undo.svg");
    color: #560591;
}

.iconUpdate {
    -webkit-mask-image: url("/images/clock-history.svg");
    mask-image: url("/images/clock-history.svg");
    color: #560591;
}

.iconUpload {
    -webkit-mask-image: url("/images/upload.svg");
    mask-image: url("/images/upload.svg");
    color: #560591;
}

.iconWarehouse {
    -webkit-mask-image: url("/images/house-gear.svg");
    mask-image: url("/images/house-gear.svg");
    color: #560591;
}

.iconWarehouseCancel {
    -webkit-mask-image: url("/images/house-cancel.svg");
    mask-image: url("/images/house-cancel.svg");
    color: #B91C1C;
}

.iconWaybill {
    -webkit-mask-image: url("/images/file-earmark-medical.svg");
    mask-image: url("/images/file-earmark-medical.svg");
    color: #560591;
}

.iconWidth {
    -webkit-mask-image: url("/images/border-width.svg");
    mask-image: url("/images/border-width.svg");
    color: #560591;
}

.iconWizard {
    -webkit-mask-image: url("/images/stars.svg");
    mask-image: url("/images/stars.svg");
    color: #560591;
}

.iconWorkOrder {
    -webkit-mask-image: url("/images/building-gear.svg");
    mask-image: url("/images/building-gear.svg");
    color: #560591;
}

.iconZip {
    -webkit-mask-image: url("/images/file-zip.svg");
    mask-image: url("/images/file-zip.svg");
    color: #560591;
}

.menuIcon {
    width: 24px;
    height: 24px;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
    color: #080808
}

.menuIconAdmin {
    -webkit-mask-image: url("/images/admin.svg");
    mask-image: url("/images/admin.svg");
}

.menuIconHr {
    -webkit-mask-image: url("/images/hr.svg");
    mask-image: url("/images/hr.svg");
}

.menuIconDesign {
    -webkit-mask-image: url("/images/design.svg");
    mask-image: url("/images/design.svg");
}

.menuIconSale {
    -webkit-mask-image: url("/images/sales.svg");
    mask-image: url("/images/sales.svg");
}

.menuIconPurchase {
    -webkit-mask-image: url("/images/purchase.svg");
    mask-image: url("/images/purchase.svg");
}

.menuIconLogistic {
    -webkit-mask-image: url("/images/logistic24.svg");
    mask-image: url("/images/logistic24.svg");
}

.menuIconManufacture {
    -webkit-mask-image: url("/images/manufacture.svg");
    mask-image: url("/images/manufacture.svg");
}

.menuIconFinance {
    -webkit-mask-image: url("/images/finance.svg");
    mask-image: url("/images/finance.svg");
}

.menuIconPlanning {
    -webkit-mask-image: url("/images/planning.svg");
    mask-image: url("/images/planning.svg");
}

.menuIconReports {
    -webkit-mask-image: url("/images/report.svg");
    mask-image: url("/images/report.svg");
}