.icon {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


.icon-bs-white-medium {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: invert(100%) brightness(115%) contrast(100%);
}

.icon-bs-white-small {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: invert(100%) brightness(115%) contrast(100%);
}

.icon-bs-white-xsmall {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: invert(100%) brightness(115%) contrast(100%);
}


.icon-bs-black-medium {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-black-settings {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.40rem;
    height: 1.40rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    padding: 4px;
}

.icon-bs-black-large {
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}


.icon-bs-black-small {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-black-xsmall {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-breadcrumb {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.dxbl-image.icon-bs-navbar,
.dxbl-image.icon-bs-black-xsmall,
.dxbl-image.icon-bs-white-xsmall,
.dxbl-image.icon-bs-black-small,
.dxbl-image.icon-bs-white-small,
.dxbl-image.icon-bs-black-medium,
.dxbl-image.icon-bs-white-medium,
.dxbl-image.icon-bs-primary-small,
.dxbl-image.icon-bs-primary-medium {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.dxbl-btn [class*="icon-bs-"],
.dxbl-toolbar [class*="icon-bs-"],
.dxbl-toolbar-item [class*="icon-bs-"],
.dxbl-grid-command-cell [class*="icon-bs-"] {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 1.1rem !important;
    min-width: 1.1rem !important;
    height: 1.1rem !important;
    min-height: 1.1rem !important;
    margin-right: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.icon-bs-black-large {
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}


.icon-bs-black-small {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-black-xsmall {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-translate {
    background: url('/images/bootstrap-icons/translate.svg') no-repeat center/1.25rem transparent;
}

.icon-bs-primary-medium {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: var(--main-color-filter);
}

.icon-bs-primary-small {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: var(--main-color-filter);
}

.icon-bs-primary-xsmall {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
    filter: var(--main-color-filter);
}

.icon-bs-navbar {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    top: -1px;
}

.icon-bs-shortcuts {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
}

.icon-info {
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 0rem;
    position: relative;
    filter: invert(35%) brightness(115%) contrast(100%);
}

.icon-log {
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    margin: auto auto;
    display: flex;
    background-size: cover;
}


/*nav*/

.sidebar .nav-item.active > a > span.dxbl-image:not(.oi) {
    filter: invert(99%) sepia(55%) saturate(147%) hue-rotate(229deg) brightness(118%) contrast(100%);
}

.sidebar .nav-item.active > a > span.oi {
    color: white;
}

.icon-menu {
    background: url('/images/menu.svg') no-repeat center/1.25rem transparent;
}

.icon-calendar-month-menu {
    background: url('/images/calendar-month.svg') no-repeat center/1.25rem transparent;
}

.icon-transition-push-menu {
    background: url('/images/transition-push.svg') no-repeat center/1.25rem transparent;
}

.icon-view-week-menu {
    background: url('/images/view-week.svg') no-repeat center/1.25rem transparent;
}

.icon-dashboard-menu {
    background: url('/images/dashboard.svg') no-repeat center/1.25rem transparent;
}

.icon-groups-menu {
    background: url('/images/groups.svg') no-repeat center/1.5rem transparent;
}

.icon-settings-menu {
    background: url('/images/settings.svg') no-repeat center/1.25rem transparent;
}

.icon-trucks-menu {
    background: url('/images/trucks.svg') no-repeat center/1.25rem transparent;
}

.icon-parking-menu {
    background: url('/images/parking.svg') no-repeat center/1.25rem transparent;
}

.icon-warehouse-menu {
    background: url('/images/warehouse.svg') no-repeat center/1.25rem transparent;
}

.icon-package2-menu {
    background: url('/images/package2.svg') no-repeat center/1.25rem transparent;
}

.icon-pallet-menu {
    background: url('/images/pallet.svg') no-repeat center/1.25rem transparent;
}

.icon-build-menu {
    background: url('/images/build.svg') no-repeat center/1.25rem transparent;
}

.icon-email-menu {
    background: url('/images/email.svg') no-repeat center/1.25rem transparent;
}

.icon-sms-menu {
    background: url('/images/sms.svg') no-repeat center/1.25rem transparent;
}

.icon-graph-menu {
    background: url('/images/graph.svg') no-repeat center/1.25rem transparent;
}

.icon-group-menu {
    background: url('/images/group.svg') no-repeat center/1.25rem transparent;
}

.icon-info-menu {
    background: url('/images/info.svg') no-repeat center/1.25rem transparent;
}

.icon-manageaccounts-menu {
    background: url('/images/manageaccounts.svg') no-repeat center/1.25rem transparent;
}

.icon-notifications-menu {
    background: url('/images/notifications.svg') no-repeat center/1.25rem transparent;
}

.icon-person-menu {
    background: url('/images/person.svg') no-repeat center/1.25rem transparent;
}

.icon-robot-menu {
    background: url('/images/robot.svg') no-repeat center/1.25rem transparent;
}

.icon-statistics-menu {
    background: url('/images/statistics.svg') no-repeat center/1.25rem transparent;
}

.icon-userroles-menu {
    background: url('/images/userroles.svg') no-repeat center/1.25rem transparent;
}

.icon-warning-menu {
    background: url('/images/warning.svg') no-repeat center/1.25rem transparent;
}

.icon-billings-menu {
    background: url('/images/billings.svg') no-repeat center/1.25rem transparent;
}

.icon-logout-menu {
    background: url('/images/logout.svg') no-repeat center/1.25rem transparent;
}

.icon-invoices-menu {
    background: url('/images/invoices.svg') no-repeat center/1.25rem transparent;
}

.icon-add-home-menu {
    background: url('/images/add_home.svg') no-repeat center/1.25rem transparent;
}

.icon-acute-menu {
    background: url('/images/acute.svg') no-repeat center/1.25rem transparent;
}

.icon-sort-menu {
    background: url('/images/sort.svg') no-repeat center/1.25rem transparent;
}

.icon-inventory-menu {
    background: url('/images/inventory.svg') no-repeat center/1.25rem transparent;
}

.icon-distance-menu {
    background: url('/images/distance.svg') no-repeat center/1.25rem transparent;
}

.icon-colors {
    background: url('/images/colors.svg') no-repeat center/1.25rem transparent;
}

.icon-time {
    background: url('/images/time.svg') no-repeat center/1.0rem transparent;
}

/* Bootstrap SVG icons used by DevExpress toolbar/buttons */
.icon-bs-plus-lg {
    background: url('/images/bootstrap-icons/plus-lg.svg') no-repeat center/contain transparent !important;
}

.icon-bs-list-ol {
    background: url('/images/bootstrap-icons/list-ol.svg') no-repeat center/contain transparent !important;
}

.icon-bs-arrow-clockwise {
    background: url('/images/bootstrap-icons/arrow-clockwise.svg') no-repeat center/contain transparent !important;
}

.icon-bs-grip-horizontal {
    background: url('/images/bootstrap-icons/grip-horizontal.svg') no-repeat center/contain transparent !important;
}

.icon-bs-pencil-square {
    background: url('/images/bootstrap-icons/pencil-square.svg') no-repeat center/contain transparent !important;
}

.icon-bs-pencil {
    background: url('/images/bootstrap-icons/pencil.svg') no-repeat center/contain transparent !important;
}

.icon-bs-pen {
    background: url('/images/bootstrap-icons/pen.svg') no-repeat center/contain transparent !important;
}

.icon-bs-paperclip {
    background: url('/images/bootstrap-icons/paperclip.svg') no-repeat center/contain transparent !important;
}

.icon-bs-trash {
    background: url('/images/bootstrap-icons/trash.svg') no-repeat center/contain transparent !important;
}

.icon-bs-check-lg {
    background: url('/images/bootstrap-icons/check-lg.svg') no-repeat center/contain transparent !important;
}

.icon-bs-x-lg {
    background: url('/images/bootstrap-icons/x-lg.svg') no-repeat center/contain transparent !important;
}

.icon-bs-save,
.icon-bs-floppy {
    background: url('/images/bootstrap-icons/floppy.svg') no-repeat center/contain transparent !important;
}

.icon-bs-eye {
    background: url('/images/bootstrap-icons/eye.svg') no-repeat center/contain transparent !important;
}

.icon-bs-ban {
    background: url('/images/bootstrap-icons/ban.svg') no-repeat center/contain transparent !important;
}

.icon-bs-power {
    background: url('/images/bootstrap-icons/power.svg') no-repeat center/contain transparent !important;
}

/* Ticket detail toolbar icons */
.icon-bs-arrow-left {
    background: url('/images/bootstrap-icons/arrow-left.svg') no-repeat center/contain transparent !important;
}
.icon-bs-lightning {
    background: url('/images/bootstrap-icons/lightning.svg') no-repeat center/contain transparent !important;
}
.icon-bs-lightning-fill {
    background: url('/images/bootstrap-icons/lightning-fill.svg') no-repeat center/contain transparent !important;
}
.icon-bs-magic {
    background: url('/images/bootstrap-icons/magic.svg') no-repeat center/contain transparent !important;
}
.icon-bs-archive {
    background: url('/images/bootstrap-icons/archive.svg') no-repeat center/contain transparent !important;
}
.icon-bs-arrow-counterclockwise {
    background: url('/images/bootstrap-icons/arrow-counterclockwise.svg') no-repeat center/contain transparent !important;
}
.icon-bs-star {
    background: url('/images/bootstrap-icons/star.svg') no-repeat center/contain transparent !important;
}
.icon-bs-star-fill {
    background: url('/images/bootstrap-icons/star-fill.svg') no-repeat center/contain transparent !important;
}
.icon-bs-exclamation-circle {
    background: url('/images/bootstrap-icons/exclamation-circle.svg') no-repeat center/contain transparent !important;
}
.icon-bs-chevron-left {
    background: url('/images/bootstrap-icons/chevron-left.svg') no-repeat center/contain transparent !important;
}
.icon-bs-chevron-right {
    background: url('/images/bootstrap-icons/chevron-right.svg') no-repeat center/contain transparent !important;
}
.icon-bs-hash {
    background: url('/images/bootstrap-icons/hash.svg') no-repeat center/contain transparent !important;
}
.icon-bs-mic {
    background: url('/images/bootstrap-icons/mic.svg') no-repeat center/contain transparent !important;
}
.icon-bs-type {
    background: url('/images/bootstrap-icons/type.svg') no-repeat center/contain transparent !important;
}
.icon-bs-at {
    background: url('/images/bootstrap-icons/at.svg') no-repeat center/contain transparent !important;
}
.icon-bs-info-circle {
    background: url('/images/bootstrap-icons/info-circle.svg') no-repeat center/contain transparent !important;
}
.icon-bs-tag {
    background: url('/images/bootstrap-icons/tag.svg') no-repeat center/contain transparent !important;
}
.icon-bs-send {
    background: url('/images/bootstrap-icons/send.svg') no-repeat center/contain transparent !important;
}
.icon-bs-sun {
    background: url('/images/bootstrap-icons/sun.svg') no-repeat center/contain transparent !important;
}
.icon-bs-moon {
    background: url('/images/bootstrap-icons/moon.svg') no-repeat center/contain transparent !important;
}
.icon-bs-moon-stars {
    background: url('/images/bootstrap-icons/moon-stars.svg') no-repeat center/contain transparent !important;
}

/*other*/
.icon-arrow-left-white {
    background: url("/images/arrow-left-white.svg") no-repeat center/1.25rem transparent;
    display: flex;
    margin: 2px 0 0 0;
}

.icon-tile-forklift {
    background: url('/images/forklift.svg') no-repeat center/1.5rem transparent;
}

.icon-tile-delivery {
    background: url('/images/delivery.svg') no-repeat center/1.5rem transparent;
}

.icon-tile-pallet {
    background: url('/images/pallet.svg') no-repeat center/1.5rem transparent;
}

.icon-tile-pending {
    background: url('/images/pending.svg') no-repeat center/1.5rem transparent;
}

.icon-tile-statistics {
    background: url('/images/statistics.svg') no-repeat center/1.5rem transparent;
}