:root {
    --color-blue: #2563eb;
    --color-red: #ff1a1a;
    --color-orange: #ff5500;
    --color-green: #059669;
    --color-purple: #9933ff;
    --color-dark-purple: #7c3aed;
    --color-light-grey: #666699;
}

.nav-menu-icon {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.home-icon {
    color: var(--color-light-grey);
    mask-image: url(/images/home.svg);
    -webkit-mask-image: url(/images/home.svg);
}

.customers-icon {
    color: var(--color-blue);
    mask-image: url(/images/person-vcard.svg);
    -webkit-mask-image: url(/images/person-vcard.svg);
}

.assignment-requests-icon {
    color: var(--color-blue);
    mask-image: url(/images/request-new-svgrepo-com.svg);
    -webkit-mask-image: url(/images/request-new-svgrepo-com.svg);
}

.appointments-icon {
    color: var(--color-blue);
    mask-image: url(/images/calendar3.svg);
    -webkit-mask-image: url(/images/calendar3.svg);
}

.orders-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/basket.svg);
    -webkit-mask-image: url(/images/basket.svg);
}

.quotations-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/quotation.svg);
    -webkit-mask-image: url(/images/quotation.svg);
}

.uninvoiced-deliveries-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/uninvoiced-deliveries.svg);
    -webkit-mask-image: url(/images/uninvoiced-deliveries.svg);
}

.for-manufacturers-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/house-gear-fill.svg);
    -webkit-mask-image: url(/images/house-gear-fill.svg);
}

.create-order-to-manufacturer-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/plus-circle-fill.svg);
    -webkit-mask-image: url(/images/plus-circle-fill.svg);
}

.proccess-orders-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/tools.svg);
    -webkit-mask-image: url(/images/tools.svg);
}

.my-groupings-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/journal-bookmark-fill.svg);
    -webkit-mask-image: url(/images/journal-bookmark-fill.svg);
}

.manufacturer-orders-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/box-fill.svg);
    -webkit-mask-image: url(/images/box-fill.svg);
}

.inbound-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/earmark-diff.svg);
    -webkit-mask-image: url(/images/earmark-diff.svg);
}

.received-icon {
    color: var(--color-dark-purple);
    mask-image: url(/images/journal-check.svg);
    -webkit-mask-image: url(/images/journal-check.svg);
}

.products-icon {
    color: var(--color-orange);
    -webkit-mask-image: url(/images/collection.svg);
    mask-image: url(/images/collection.svg);
}

.price-lists-icon {
    color: var(--color-orange);
    mask-image: url(/images/coin.svg);
    -webkit-mask-image: url(/images/coin.svg);
}

.product-groups-icon {
    color: var(--color-orange);
    mask-image: url(/images/diagram-3-fill.svg);
    -webkit-mask-image: url(/images/diagram-3-fill.svg);
}

.stocks-icon {
    color: var(--color-orange);
    -webkit-mask-image: url(/images/warehouse.svg);
    mask-image: url(/images/warehouse.svg);
}

.stocks-move-icon {
    color: var(--color-orange);
    -webkit-mask-image: url(/images/arrow-left-right.svg);
    mask-image: url(/images/arrow-left-right.svg);
}

.stock-extra-movements-icon {
    color: var(--color-orange);
    mask-image: url(/images/gift-fill.svg);
    -webkit-mask-image: url(/images/gift-fill.svg);
}

.stocks-status-icon {
    color: var(--color-orange);
    -webkit-mask-image: url(/images/calendar2-check.svg);
    mask-image: url(/images/calendar2-check.svg);
}

.client-invoives-icon {
    color: var(--color-green);
    mask-image: url(/images/cash-coin.svg);
    -webkit-mask-image: url(/images/cash-coin.svg);
}

.proccess-orders-to-invoice-icon {
    color: var(--color-green);
    mask-image: url(/images/tools.svg);
    -webkit-mask-image: url(/images/tools.svg);
}

.delivery-notes-icon {
    color: var(--color-green);
    mask-image: url(/images/receipt.svg);
    -webkit-mask-image: url(/images/receipt.svg);
}

.invoices-icon {
    color: var(--color-green);
    mask-image: url(/images/currency-euro.svg);
    -webkit-mask-image: url(/images/currency-euro.svg);
}

.reports-icon {
    color: var(--color-green);
    mask-image: url(/images/business-statistics-graphic-svgrepo-com.svg);
    -webkit-mask-image: url(/images/business-statistics-graphic-svgrepo-com.svg);
}

.administration-icon {
    color: var(--color-red);
    mask-image: url(/images/database-fill-gear.svg);
    -webkit-mask-image: url(/images/database-fill-gear.svg);
}

.clients-icon {
    color: var(--color-red);
    mask-image: url(/images/building-fill-gear.svg);
    -webkit-mask-image: url(/images/building-fill-gear.svg);
}

.background-jobs-icon {
    color: var(--color-red);
    mask-image: url(/images/alarm-fill.svg);
    -webkit-mask-image: url(/images/alarm-fill.svg);
}

.users-icon {
    color: var(--color-red);
    mask-image: url(/images/users.svg);
    -webkit-mask-image: url(/images/users.svg);
}

.campaign-icon {
    color: var(--color-red);
    mask-image: url(/images/percent.svg);
    -webkit-mask-image: url(/images/percent.svg);
}

.stock-extra-movements-types-icon {
    color: var(--color-red);
    mask-image: url(/images/gift-fill.svg);
    -webkit-mask-image: url(/images/gift-fill.svg);
}

.non-campaign-template-icon {
    color: var(--color-red);
    mask-image: url(/images/file-earmark-post.svg);
    -webkit-mask-image: url(/images/file-earmark-post.svg);
}

.number-series-icon {
    color: var(--color-red);
    mask-image: url(/images/123.svg);
    -webkit-mask-image: url(/images/123.svg);
}

.settings-icon {
    mask-image: url(/images/account/settings.svg);
    -webkit-mask-image: url(/images/account/settings.svg);
}

.log-in-icon {
    -webkit-mask-image: url(/images/account/log-in.svg);
    mask-image: url(/images/account/log-in.svg);
}

.log-out-icon {
    -webkit-mask-image: url(/images/account/log-out.svg);
    mask-image: url(/images/account/log-out.svg);
}

.user-icon {
    -webkit-mask-image: url(/images/account/user.svg);
    mask-image: url(/images/account/user.svg);
}

.filter-cancel-icon {
    -webkit-mask-image: url(/images/filter-xmark.svg);
    mask-image: url(/images/filter-xmark.svg);
}