/* ICONE SVG */
.setting-icon {
    background-image: url('//cdn.x-find.live/icons/cog-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.logout-icon {
    background-image: url('//cdn.x-find.live/icons/logout.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.sidebar-layers-icon {
    background-image: url('//cdn.x-find.live/icons/layers-triple.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 14px;
    cursor: pointer;
}
.sidebar-close-icon-white {
    background-image: url('//cdn.x-find.live/icons/arrow-left-bold-circle-outline-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin: 22px auto 2px auto;
    cursor: pointer;
}
.sidebar-open-icon-white {
    background-image: url('//cdn.x-find.live/icons/arrow-right-bold-circle-outline-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin: 22px auto 2px auto;
    cursor: pointer
}
.sidebar-close-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-left-bold-circle-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    float: right;
    cursor: pointer;
}
.sidebar-open-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-right-bold-circle-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.sidebar-expand-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-expand-vertical.svg');
}
.sidebar-collapse-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-collapse-vertical.svg');
}
.filter-by-map-icon {
    background-image: url('//cdn.x-find.live/icons/map-marker-radius.svg');
}
.filter-by-map-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-marker-radius-red.svg');
}
.eye-check-icon {
    background-image: url('//cdn.x-find.live/icons/eye-check.svg');
}
.eye-check-icon-red {
    background-image: url('//cdn.x-find.live/icons/eye-check-red.svg');
}
.eye-icon {
    background-image: url('//cdn.x-find.live/icons/eye.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    cursor: pointer;
}
.eye-icon-off {
    background-image: url('//cdn.x-find.live/icons/eye-off.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    cursor: pointer;
}
.print-icon {
    background-image: url('//cdn.x-find.live/icons/printer.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.fullscreen-icon {
    background-image: url('//cdn.x-find.live/icons/fullscreen.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.fullscreen-exit-icon {
    background-image: url('//cdn.x-find.live/icons/fullscreen-exit.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
/* The animation code */
@keyframes waitingConn {
    from {background-image: url('//cdn.x-find.live/icons/lan-connect-green.svg');}
    to {background-image: url('//cdn.x-find.live/icons/lan-connect.svg');}
  }
.socket-connection-wait-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect.svg');
    animation-name: waitingConn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-connection-error-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect-red.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-connection-ok-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect-green.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-realtime-wait-icon {
    background-image: url('//cdn.x-find.live/icons/car-connected.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-realtime-data-icon {
    background-image: url('//cdn.x-find.live/icons/car-connected-green.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.icon-colored-borded {
    background-image: url('//cdn.x-find.live/icons/tracking-colored-borded.svg');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin: 4px auto;
    width: 34px;
    height: 34px;
}
.icon-colored-no-borded {
    background-image: url('//cdn.x-find.live/icons/tracking-colored.svg');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin: 4px auto;
    width: 34px;
    height: 34px;
}
.area-search-icon {
    background-image: url('//cdn.x-find.live/icons/select-search.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.globe-icon {
    background-image: url('//cdn.x-find.live/icons/earth.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.group-icon {
    background-image: url('//cdn.x-find.live/icons/group.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.ungroup-icon {
    background-image: url('//cdn.x-find.live/icons/ungroup.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.leaflet-ruler {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.leaflet-ruler:hover {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass-red.svg');
}
.leaflet-ruler-clicked {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass-red.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.notify-icon-off {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: 6px 8px 2px 4px;
    cursor: pointer;
    display: block;
}
.order-icon {
    background-image: url('//cdn.x-find.live/icons/sort.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-az-icon {
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-za-icon {
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-09-icon {
    background-image: url('//cdn.x-find.live/icons/sort-numeric-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-90-icon {
    background-image: url('//cdn.x-find.live/icons/sort-numeric-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-status-run-icon {
    background-image: url('//cdn.x-find.live/icons/sort-bool-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-status-stop-icon {
    background-image: url('//cdn.x-find.live/icons/sort-bool-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.mirino-icon {
    background-image: url('//cdn.x-find.live/icons/bx-target-lock.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.direction-icon {
    background-image: url('//cdn.x-find.live/icons/wind-direction-n-white.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
}
.window-minimize-icon {
    background-image: url('//cdn.x-find.live/icons/window-minimize.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-restore-icon {
    background-image: url('//cdn.x-find.live/icons/window-restore.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-maximize-icon {
    background-image: url('//cdn.x-find.live/icons/window-maximize.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-close-icon {
    background-image: url('//cdn.x-find.live/icons/window-close.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.battery-0-icon {
    background-image: url('//cdn.x-find.live/icons/battery-0.svg');
}
.battery-1-icon {
    background-image: url('//cdn.x-find.live/icons/battery-1.svg');
}
.battery-2-icon {
    background-image: url('//cdn.x-find.live/icons/battery-2.svg');
}
.battery-3-icon {
    background-image: url('//cdn.x-find.live/icons/battery-3.svg');
}
.battery-4-icon {
    background-image: url('//cdn.x-find.live/icons/battery-4.svg');
}
.gprs-on-icon {
    background-image: url('//cdn.x-find.live/icons/gprs-on.svg');
}
.gprs-off-icon {
    background-image: url('//cdn.x-find.live/icons/gprs-off.svg');
}
.gprs-on-icon-little {
    background-image: url('//cdn.x-find.live/icons/gprs-on.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    display: inline-block;
}
.gprs-off-icon-little {
    background-image: url('//cdn.x-find.live/icons/gprs-off.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    display: inline-block;
}
.manutenzione-on-icon {
    background-image: url('//cdn.x-find.live/icons/manutenzione-on.svg');
}
.manutenzione-off-icon {
    background-image: url('//cdn.x-find.live/icons/manutenzione-off.svg');
}
.request-position-icon-white {
    background-image: url('//cdn.x-find.live/icons/map-marker-question-white.svg');
}
.request-lbs-icon-white {
    background-image: url('//cdn.x-find.live/icons/lbs-white.svg');
}
.follow-unit-icon-white {
    background-image: url('//cdn.x-find.live/icons/follow-white.svg');
}
.request-lbs-icon-red {
    background-image: url('//cdn.x-find.live/icons/lbs-red.svg');
}
.request-lbs-icon-green {
    background-image: url('//cdn.x-find.live/icons/lbs-green.svg');
}
.request-lbs-icon-grey {
    background-image: url('//cdn.x-find.live/icons/lbs-grey.svg');
}
.set-map-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-red.svg');
}
.set-map-icon-green {
    background-image: url('//cdn.x-find.live/icons/map-green.svg');
}
.set-map-icon-grey {
    background-image: url('//cdn.x-find.live/icons/map-grey.svg');
}
.set-vehicle-icon-red {
    background-image: url('//cdn.x-find.live/icons/car-red.svg');
}
.set-vehicle-icon-green {
    background-image: url('//cdn.x-find.live/icons/car-green.svg');
}
.set-vehicle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/car-grey.svg');
}
.request-position-icon-red {
    background-image: url('//cdn.x-find.live/icons/position-red.svg');
}
.request-position-icon-green {
    background-image: url('//cdn.x-find.live/icons/position-green.svg');
}
.request-position-icon-grey {
    background-image: url('//cdn.x-find.live/icons/position-grey.svg');
}
.street-view-icon-red {
    background-image: url('//cdn.x-find.live/icons/streetview-red.svg');
}
.street-view-icon-green {
    background-image: url('//cdn.x-find.live/icons/streetview-green.svg');
}
.street-view-icon-grey {
    background-image: url('//cdn.x-find.live/icons/streetview-grey.svg');
}
.set-km-icon-red {
    background-image: url('//cdn.x-find.live/icons/odo-red.svg');
}
.set-km-icon-green {
    background-image: url('//cdn.x-find.live/icons/odo-green.svg');
}
.set-km-icon-grey {
    background-image: url('//cdn.x-find.live/icons/odo-grey.svg');
}
.modul-report-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-grey.svg');
}
.modul-report-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-red.svg');
}
.modul-report-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-green.svg');
}
.modul-yard-icon-grey {
    background-image: url('//cdn.x-find.live/icons/excavator-grey.svg');
}
.modul-yard-icon-red {
    background-image: url('//cdn.x-find.live/icons/excavator-red.svg');
}
.modul-yard-icon-green {
    background-image: url('//cdn.x-find.live/icons/excavator-green.svg');
}
.modul-report-total-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-grey.svg');
}
.modul-report-total-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-red.svg');
}
.modul-report-total-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-green.svg');
}
.modul-report-partial-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-grey.svg');
}
.modul-report-partial-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-red.svg');
}
.modul-report-partial-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-green.svg');
}
.modul-report-sum-fleet-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-grey.svg');
}
.modul-report-sum-fleet-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-red.svg');
}
.modul-report-sum-fleet-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-green.svg');
}
.modul-report-target-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-grey.svg');
}
.modul-report-target-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-red.svg');
}
.modul-report-target-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-green.svg');
}
.modul-report-daily-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-grey.svg');
}
.modul-report-daily-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-red.svg');
}
.modul-report-daily-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-green.svg');
}
.modul-report-stop-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-grey.svg');
}
.modul-report-stop-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-red.svg');
}
.modul-report-stop-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-green.svg');
}
.modul-report-driver-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-grey.svg');
}
.modul-report-driver-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-red.svg');
}
.modul-report-driver-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-green.svg');
}
.modul-report-daily-fleet-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-grey.svg');
}
.modul-report-daily-fleet-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-red.svg');
}
.modul-report-daily-fleet-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-green.svg');
}
.modul-report-24-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-grey.svg');
}
.modul-report-24-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-red.svg');
}
.modul-report-24-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-green.svg');
}
.modul-set-io-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-grey.svg');
}
.modul-set-io-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-red.svg');
}
.modul-set-io-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-green.svg');
}
.modul-view-io-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-grey.svg');
}
.modul-view-io-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-red.svg');
}
.modul-view-io-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-green.svg');
}
.modul-icon-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-icon-grey.svg');
}
.modul-icon-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-icon-red.svg');
}
.modul-icon-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-icon-green.svg');
}
.modul-realtime-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-grey.svg');
}
.modul-realtime-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-red.svg');
}
.modul-realtime-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-green.svg');
}
.modul-events-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-events-grey.svg');
}
.modul-events-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-events-red.svg');
}
.modul-events-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-events-green.svg');
}
.modul-route-icon-grey {
    background-image: url('//cdn.x-find.live/icons/route-grey.svg');
}
.modul-route-icon-red {
    background-image: url('//cdn.x-find.live/icons/route-red.svg');
}
.modul-route-icon-green {
    background-image: url('//cdn.x-find.live/icons/route-green.svg');
}
.modul-temperature-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-grey.svg');
}
.modul-temperature-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-red.svg');
}
.modul-temperature-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-green.svg');
}
.modul-chart-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-chart-grey.svg');
}
.modul-chart-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-chart-red.svg');
}
.modul-chart-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-chart-green.svg');
}
.modul-ship-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-ship-grey.svg');
}
.modul-ship-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-ship-red.svg');
}
.modul-ship-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-ship-green.svg');
}
.modul-lastpoint-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-grey.svg');
}
.modul-lastpoint-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-red.svg');
}
.modul-lastpoint-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-green.svg');
}
.modul-manutenzione-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-grey.svg');
}
.modul-manutenzione-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-red.svg');
}
.modul-manutenzione-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-green.svg');
}
.modul-meteo-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-grey.svg');
}
.modul-meteo-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-red.svg');
}
.modul-meteo-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-green.svg');
}
.modul-actia-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-actia-grey.svg');
}
.modul-actia-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-actia-red.svg');
}
.modul-actia-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-actia-green.svg');
}
.modul-analog1-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-grey.svg');
}
.modul-analog1-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-red.svg');
}
.modul-analog1-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-green.svg');
}
.modul-analog2-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-grey.svg');
}
.modul-analog2-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-red.svg');
}
.modul-analog2-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-green.svg');
}
.plus-circle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/plus-circle-grey.svg');
}
.plus-circle-icon-white {
    background-image: url('//cdn.x-find.live/icons/plus-circle-white.svg');
}
.lock-icon-grey {
    background-image: url('//cdn.x-find.live/icons/lock-grey.svg');
}
.lock-icon-gren {
    background-image: url('//cdn.x-find.live/icons/lock-green.svg');
}
.lock-icon-red {
    background-image: url('//cdn.x-find.live/icons/lock-red.svg');
}
.lock-icon-white {
    background-image: url('//cdn.x-find.live/icons/lock-white.svg');
}
.unlock-icon-grey {
    background-image: url('//cdn.x-find.live/icons/unlock-grey.svg');
}
.unlock-icon-gren {
    background-image: url('//cdn.x-find.live/icons/unlock-green.svg');
}
.unlock-icon-red {
    background-image: url('//cdn.x-find.live/icons/unlock-red.svg');
}
.unlock-icon-white {
    background-image: url('//cdn.x-find.live/icons/unlock-white.svg');
}
.picture-icon-white {
    background-image: url('//cdn.x-find.live/icons/picture-white.svg');
}
.picture-icon-red {
    background-image: url('//cdn.x-find.live/icons/picture-red.svg');
}
.picture-icon-green {
    background-image: url('//cdn.x-find.live/icons/picture-green.svg');
}
.picture-icon-grey {
    background-image: url('//cdn.x-find.live/icons/picture-grey.svg');
}
.upload-icon-white {
    background-image: url('//cdn.x-find.live/icons/cloud-upload-white.svg');
}
.refresh-icon-white {
    background-image: url('//cdn.x-find.live/icons/refresh-white.svg');
}
.folder-open-icon-grey {
    background-image: url('//cdn.x-find.live/icons/folder-open-grey.svg');
}
.import-db-icon-white {
    background-image: url('//cdn.x-find.live/icons/database-import-white.svg');
}
.modul-icon-white {
    background-image: url('//cdn.x-find.live/icons/view-module-white.svg');
}
.modul-icon-red {
    background-image: url('//cdn.x-find.live/icons/view-module-red.svg');
}
.modul-icon-green {
    background-image: url('//cdn.x-find.live/icons/view-module-green.svg');
}
.modul-icon-grey {
    background-image: url('//cdn.x-find.live/icons/view-module-grey.svg');
}
.command-icon-white {
    background-image: url('//cdn.x-find.live/icons/view-command-white.svg');
}
.command-icon-red {
    background-image: url('//cdn.x-find.live/icons/view-command-red.svg');
}
.command-icon-green {
    background-image: url('//cdn.x-find.live/icons/view-command-green.svg');
}
.command-icon-grey {
    background-image: url('//cdn.x-find.live/icons/view-command-grey.svg');
}
.web-icon-red {
    background-image: url('//cdn.x-find.live/icons/web-red.svg');
}
.web-icon-green {
    background-image: url('//cdn.x-find.live/icons/web-green.svg');
}
.web-icon-grey {
    background-image: url('//cdn.x-find.live/icons/web-grey.svg');
}
.web-icon-white {
    background-image: url('//cdn.x-find.live/icons/web-white.svg');
}
.password-icon-red {
    background-image: url('//cdn.x-find.live/icons/password-red.svg');
}
.password-icon-green {
    background-image: url('//cdn.x-find.live/icons/password-green.svg');
}
.password-icon-grey {
    background-image: url('//cdn.x-find.live/icons/password-grey.svg');
}
.password-icon-white {
    background-image: url('//cdn.x-find.live/icons/password-white.svg');
}
.link-icon-black {
    background-image: url('//cdn.x-find.live/icons/vector-link-black.svg');
}
.help-circle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/help-circle-outline-grey.svg');
}
.help-rhombus-icon-grey {
    background-image: url('//cdn.x-find.live/icons/help-rhombus-outline-grey.svg');
}
.keepalive-icon-grey {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-grey.svg');
}
.keepalive-icon-green {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-green.svg');
}
.keepalive-icon-red {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-red.svg');
}
.keepalive-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-yellow.svg');
}
.eye-icon-white {
    background-image: url('//cdn.x-find.live/icons/eye-outline-white.svg');
}
.eye-off-icon-white {
    background-image: url('//cdn.x-find.live/icons/eye-off-outline-white.svg');
}
.address-icon {
    background-image: url('//cdn.x-find.live/icons/address.svg');
}
.compass-icon {
    background-image: url('//cdn.x-find.live/icons/compass-outline.svg');
}
.compass-icon-white {
    background-image: url('//cdn.x-find.live/icons/compass-outline-white.svg');
}
.clock-icon {
    background-image: url('//cdn.x-find.live/icons/clock-outline.svg');
}
.wrench-icon {
    background-image: url('//cdn.x-find.live/icons/wrench.svg');
}
.wrench-icon-white {
    background-image: url('//cdn.x-find.live/icons/wrench-white.svg');
}
.notification-icon-white {
    background-image: url('//cdn.x-find.live/icons/notification-white.svg');
}
.driver-icon {
    background-image: url('//cdn.x-find.live/icons/bx-user-circle.svg');
}
.io-0-icon {
    background-image: url('//cdn.x-find.live/icons/io-off.svg');
}
.io-2-icon {
    background-image: url('//cdn.x-find.live/icons/io-green.svg');
}
.io-1-icon {
    background-image: url('//cdn.x-find.live/icons/io-red.svg');
}

 .noti-mini{
    background-size: 50% 50%;
    background-repeat: no-repeat;
    width: 5px !important;
    height: 5px !important;
    margin: auto;
    display: block;
    float: left;
}

.io-icon-mini {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12px !important;
    height: 12px !important;
    margin: auto;
    display: block;
    float: left;
}
.io-icon-med {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 22px !important;
    height: 22px !important;
    margin: auto;
    display: block;
    float: left;
}
.io-icon-big {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
    display: inline-block;
}
.io-icon-giga {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 42px !important;
    height: 42px !important;
    margin: auto;
    display: block;
    float: left;
}
.distance-icon {
    background-image: url('//cdn.x-find.live/icons/map-marker-distance.svg');
}
.detail-icon {
    background-image: url('//cdn.x-find.live/icons/card-search-outline.svg');
}
.odometer-icon {
    background-image: url('//cdn.x-find.live/icons/odometer.svg');
}
.speed-icon {
    background-image: url('//cdn.x-find.live/icons/speedometer-outline.svg');
}
.satellite-icon {
    background-image: url('//cdn.x-find.live/icons/satellite-variant.svg');
}
.elevation-icon {
    background-image: url('//cdn.x-find.live/icons/elevation-rise.svg');
}
.analog-1-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-1-box.svg');
}
.analog-2-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-2-box.svg');
}
.analog-3-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-3-box.svg');
}
.analog-4-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-4-box.svg');
}
.unit-heading-icon {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 22px 22px;
    background-repeat: no-repeat;
    width: 22px !important;
    height: 22px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
}
.unit-heading-icon-little {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
}
.unit-heading-icon-big {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
    vertical-align: middle;
    position: relative;
    margin: 2px 2px 2px 8px;
}
.unit-heading-icon-map {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 44% !important;
    height: 44% !important;
    border-radius: 100%;
    position: absolute;
    top: 27%;
    left: 27%;
    pointer-events: all !important;
}
.unit-heading-default-truck-icon {
    background-image:  url('//cdn.x-find.live/icons/truck-outline-grey.svg');
    background-size: 88% 88%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    position: absolute;
    top: 20%;
    left: 21%;
    pointer-events: all !important;
}
.user-position-icon {
    background-image: url('//cdn.x-find.live/icons/account-circle-blue.svg');
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 44% !important;
    height: 44% !important;
    border-radius: 100%;
    position: absolute;
    top: 27%;
    left: 27%;
    pointer-events: all !important;
}
.menu-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px !important;
    height: 22px !important;
    margin: auto;
    cursor: pointer;
    display: inline-block;
}
.menu-map-icon {
    background-image: url('//cdn.x-find.live/icons/world-map.svg');
}
.menu-detail-icon {
    background-image: url('//cdn.x-find.live/icons/id-card.svg');
}
.menu-dashboard-icon {
    background-image: url('//cdn.x-find.live/icons/menu-dashboard-white.svg');
}
.menu-report-icon {
    background-image: url('//cdn.x-find.live/icons/file-document-outline.svg');
}
.menu-event-icon {
    background-image: url('//cdn.x-find.live/icons/calendar-month-outline.svg');
}
.menu-shipment-icon {
    background-image: url('//cdn.x-find.live/icons/shipping.svg');
}
.menu-escort-icon {
    background-image: url('//cdn.x-find.live/icons/package-variant.svg');
}
.menu-routing-icon {
    background-image: url('//cdn.x-find.live/icons/route.svg');
}
.menu-yard-icon {
    background-image: url('//cdn.x-find.live/icons/excavator.svg');
}
.menu-target-icon {
    background-image: url('//cdn.x-find.live/icons/bullseye.svg');
}
.menu-driver-icon {
    background-image: url('//cdn.x-find.live/icons/account-outline.svg');
}
.menu-actia-icon {
    background-image: url('//cdn.x-find.live/icons/counter.svg');
}
.menu-temperature-icon {
    background-image: url('//cdn.x-find.live/icons/temperature-high-solid-white.svg');
}
.menu-filemanager-icon {
    background-image: url('//cdn.x-find.live/icons/filemanager-white.svg');
}
.menu-users-icon {
    background-image: url('//cdn.x-find.live/icons/users-white.svg');
}
.file-excel-icon {
    background-image: url('//cdn.x-find.live/icons/file-excel-outline-white.svg');
}
.file-pdf-icon {
    background-image: url('//cdn.x-find.live/icons/file-pdf-outline-white.svg');
}
.file-csv-icon {
    background-image: url('//cdn.x-find.live/icons/file-table-outline-white.svg');
}
.pin-popup-icon {
    background-image: url('//cdn.x-find.live/icons/bx-map-pin.svg');
}
.route-icon-green {
    background-image: url('//cdn.x-find.live/icons/route-green.svg');
}
.route-icon-red {
    background-image: url('//cdn.x-find.live/icons/route-red.svg');
}
.route-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/route-yellow.svg');
}
.route-icon-white {
    background-image: url('//cdn.x-find.live/icons/route-white.svg');
}
.route-icon-grey {
    background-image: url('//cdn.x-find.live/icons/route-grey.svg');
}
.ai-icon-green {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-green.svg');
}
.ai-icon-red {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-red.svg');
}
.ai-icon-orange {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-orange.svg');
}
.gasoline-icon {
    background-image: url('//cdn.x-find.live/icons/gas-station.svg');
}
.money-icon {
    background-image: url('//cdn.x-find.live/icons/cash.svg');
}
.notes-icon {
    background-image: url('//cdn.x-find.live/icons/text-box.svg');
}
.save-icon {
    background-image: url('//cdn.x-find.live/icons/content-save-outline.svg');
}
.geofence-circle-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-circle.svg');
}
.geofence-square-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-square.svg');
}
.geofence-penta-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-penta.svg');
}
.geofence-inside-icon {
    background-image: url('//cdn.x-find.live/icons/target-inside.svg');
}
.geofence-outside-icon {
    background-image: url('//cdn.x-find.live/icons/target-outside.svg');
}
.geofence-stay-icon {
    background-image: url('//cdn.x-find.live/icons/target-stay.svg');
}
.rubber-icon-white {
    background-image: url('//cdn.x-find.live/icons/rubber-white.svg');
}
.trash-icon-white {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-white.svg');
}
.trash-icon-red {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-red.svg');
}
.trash-icon-green {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-green.svg');
}
.trash-icon-grey {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-grey.svg');
}
.edit-icon-white {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-white.svg');
}
.edit-icon-red {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-red.svg');
}
.edit-icon-green {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-green.svg');
}
.edit-icon-grey {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-grey.svg');
}
.square-edit-icon {
    background-image: url('//cdn.x-find.live/icons/square-edit-outline.svg');
}
.save-icon-white {
    background-image: url('//cdn.x-find.live/icons/content-save-outline-white.svg');
}
.alert-email-icon {
    background-image: url('//cdn.x-find.live/icons/alert-email.svg');
}
.alert-sms-icon {
    background-image: url('//cdn.x-find.live/icons/alert-sms.svg');
}
.alert-notify-icon {
    background-image: url('//cdn.x-find.live/icons/alert-notify.svg');
}
.eye-circle-white-icon {
    background-image: url('//cdn.x-find.live/icons/eye-circle-outline-white.svg');
}
.calc-white-icon {
    background-image: url('//cdn.x-find.live/icons/calculator-white.svg');
}
.route-flag-start-point-icon {
    background-image: url('//cdn.x-find.live/icons/flag-start-green.svg');
}
.route-flag-stop-point-icon {
    background-image: url('//cdn.x-find.live/icons/flag-checkered.svg');
}
.heart-outline-icon {
    background-image: url('//cdn.x-find.live/icons/heart-outline.svg');
}
.heart-outline-plus-icon {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline.svg');
}
.heart-outline-remove-icon {
    background-image: url('//cdn.x-find.live/icons/heart-remove-outline.svg');
}
.heart-outline-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-outline-white.svg');
}
.heart-outline-plus-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-white.svg');
}
.heart-outline-remove-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-remove-outline-white.svg');
}
.heart-outline-plus-icon-green {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-red.svg');
}
.heart-outline-plus-icon-red {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-red.svg');
}
.heart-full-plus-icon-green {
    background-image: url('//cdn.x-find.live/icons/heart-plus-green.svg');
}
.heart-full-plus-icon-red {
    background-image: url('//cdn.x-find.live/icons/heart-plus-red.svg');
}
.total-icon-white {
    background-image: url('//cdn.x-find.live/icons/alpha-t-circle-outline.svg');
}
.calendar-icon {
    padding: 6px 2px 2px 2px;
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 8px;
}
.calendar-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-red.svg');
}
.calendar-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-green.svg');
}
.calendar-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-orange.svg');
}
.calendar-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-grey.svg');
}
.calendar-outline-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-red.svg');
}
.calendar-outline-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-green.svg');
}
.calendar-outline-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-orange.svg');
}
.calendar-outline-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-grey.svg');
}
.calendar-fill-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-red.svg');
}
.calendar-fill-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-green.svg');
}
.calendar-fill-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-orange.svg');
}
.calendar-fill-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-grey.svg');
}
.shipment-outline-icon-grey {
    background-image: url('//cdn.x-find.live/icons/truck-outline-grey.svg');
}
.shipment-outline-icon-green {
    background-image: url('//cdn.x-find.live/icons/truck-outline-green.svg');
}
.shipment-outline-icon-white {
    background-image: url('//cdn.x-find.live/icons/truck-outline-white.svg');
}
.shipment-outline-icon-red {
    background-image: url('//cdn.x-find.live/icons/truck-outline-red.svg');
}
.shipment-outline-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/truck-outline-yellow.svg');
}
.shipment-icon-grey {
    background-image: url('//cdn.x-find.live/icons/truck-grey.svg');
}
.shipment-icon-green {
    background-image: url('//cdn.x-find.live/icons/truck-green.svg');
}
.shipment-icon-white {
    background-image: url('//cdn.x-find.live/icons/truck-white.svg');
}
.shipment-icon-red {
    background-image: url('//cdn.x-find.live/icons/truck-red.svg');
}
.shipment-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/truck-yellow.svg');
}
.sync-db-icon-white {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-white.svg');
}
.sync-db-icon-green {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-green.svg');
}
.sync-db-icon-grey {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-grey.svg');
}
.sync-db-icon-red {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-red.svg');
}
.sync-db-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-yellow.svg');
}
.label-hide-all-icon-black {
    background-image: url('//cdn.x-find.live/icons/label-off-outline-black.svg');
}
.label-show-all-icon-black {
    background-image: url('//cdn.x-find.live/icons/label-outline-black.svg');
}
.chart-icon-white {
    background-image: url('//cdn.x-find.live/icons/chart-bell-curve-white.svg');
}
.multi-uncheck-white-icon {
    background-image: url('//cdn.x-find.live/icons/checkbox-multiple-blank-outline-white.svg');
}
.multi-check-white-icon {
    background-image: url('//cdn.x-find.live/icons/checkbox-multiple-marked-outline-white.svg');
}
.email-icon-white {
    background-image: url('//cdn.x-find.live/icons/email-outline-white.svg');
}
.email-icon-grey {
    background-image: url('//cdn.x-find.live/icons/email-outline-grey.svg');
}
.email-icon-red {
    background-image: url('//cdn.x-find.live/icons/email-outline-red.svg');
}
.email-icon-green {
    background-image: url('//cdn.x-find.live/icons/email-outline-green.svg');
}
.email-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/email-outline-yellow.svg');
}
.email-icon-blue {
    background-image: url('//cdn.x-find.live/icons/email-outline-blue.svg');
}
.phone-icon-grey {
    background-image: url('//cdn.x-find.live/icons/card-account-phone-outline-grey.svg');
}
.phone-icon-red {
    background-image: url('//cdn.x-find.live/icons/card-account-phone-outline-red.svg');
}
.phone-icon-green {
    background-image: url('//cdn.x-find.live/icons/card-account-phone-outline-green.svg');
}
.phone-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/card-account-phone-outline-yellow.svg');
}
.phone-icon-blue {
    background-image: url('//cdn.x-find.live/icons/card-account-phone-outline-blue.svg');
}
.api-icon-white {
    background-image: url('//cdn.x-find.live/icons/api-white.svg');
}
.api-icon-grey {
    background-image: url('//cdn.x-find.live/icons/api-grey.svg');
}
.api-icon-red {
    background-image: url('//cdn.x-find.live/icons/api-red.svg');
}
.api-icon-green {
    background-image: url('//cdn.x-find.live/icons/api-green.svg');
}
.api-icon-blue {
    background-image: url('//cdn.x-find.live/icons/api-blue.svg');
}
.api-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/api-yellow.svg');
}
.youtube-icon-white {
    background-image: url('//cdn.x-find.live/icons/youtube-white.svg');
}
.youtube-icon-grey {
    background-image: url('//cdn.x-find.live/icons/youtube-grey.svg');
}
.youtube-icon-red {
    background-image: url('//cdn.x-find.live/icons/youtube-red.svg');
}
.youtube-icon-green {
    background-image: url('//cdn.x-find.live/icons/youtube-green.svg');
}
.youtube-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/youtube-yellow.svg');
}
.youtube-icon-blue {
    background-image: url('//cdn.x-find.live/icons/youtube-blue.svg');
}
.streetview-icon-white {
    background-image: url('//cdn.x-find.live/icons/google-street-view-white.svg');
}
.streetview-icon-grey {
    background-image: url('//cdn.x-find.live/icons/google-street-view-grey.svg');
}
.streetview-icon-red {
    background-image: url('//cdn.x-find.live/icons/googel-street-view-red.svg');
}
.streetview-icon-green {
    background-image: url('//cdn.x-find.live/icons/google-street-view-green.svg');
}
.streetview-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/google-street-view-yellow.svg');
}
.streetview-icon-blue {
    background-image: url('//cdn.x-find.live/icons/google-street-view-blue.svg');
}
.pickup-marker-icon-white {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-white.svg');
}
.pickup-marker-icon-grey {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-grey.svg');
}
.pickup-marker-icon-green {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-green.svg');
}
.pickup-marker-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-red.svg');
}
.pickup-marker-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-yellow.svg');
}
.pickup-marker-icon-blue {
    background-image: url('//cdn.x-find.live/icons/map-marker-up-blue.svg');
}
.delivery-marker-icon-white {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-white.svg');
}
.delivery-marker-icon-grey {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-grey.svg');
}
.delivery-marker-icon-green {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-green.svg');
}
.delivery-marker-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-red.svg');
}
.delivery-marker-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-yellow.svg');
}
.delivery-marker-icon-blue {
    background-image: url('//cdn.x-find.live/icons/map-marker-down-blue.svg');
}
.add-step-marker-icon-white {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-white.svg');
}
.add-step-marker-icon-grey {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-grey.svg');
}
.add-step-marker-icon-green {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-green.svg');
}
.add-step-marker-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-red.svg');
}
.add-step-marker-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-yellow.svg');
}
.add-step-marker-icon-blue {
    background-image: url('//cdn.x-find.live/icons/map-marker-plus-blue.svg');
}
.document-icon-white {
    background-image: url('//cdn.x-find.live/icons/file-document-white.svg');
}
.document-icon-grey {
    background-image: url('//cdn.x-find.live/icons/file-document-grey.svg');
}
.document-icon-green {
    background-image: url('//cdn.x-find.live/icons/file-document-greeen.svg');
}
.document-icon-red {
    background-image: url('//cdn.x-find.live/icons/file-document-red.svg');
}
.document-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/file-document-yellow.svg');
}
.document-icon-blue {
    background-image: url('//cdn.x-find.live/icons/file-document-blue.svg');
}
.great-icon-white {
    background-image: url('//cdn.x-find.live/icons/greater-than-white.svg');
}
.great-icon-grey {
    background-image: url('//cdn.x-find.live/icons/greater-than-grey.svg');
}
.great-icon-green {
    background-image: url('//cdn.x-find.live/icons/greater-than-green.svg');
}
.great-icon-red {
    background-image: url('//cdn.x-find.live/icons/greater-than-red.svg');
}
.great-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/greater-than-yellow.svg');
}
.great-icon-blue {
    background-image: url('//cdn.x-find.live/icons/greater-than-blue.svg');
}
.less-icon-white {
    background-image: url('//cdn.x-find.live/icons/less-than-white.svg');
}
.less-icon-grey {
    background-image: url('//cdn.x-find.live/icons/less-than-grey.svg');
}
.less-icon-green {
    background-image: url('//cdn.x-find.live/icons/less-than-green.svg');
}
.less-icon-red {
    background-image: url('//cdn.x-find.live/icons/less-than-red.svg');
}
.less-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/less-than-yellow.svg');
}
.less-icon-blue {
    background-image: url('//cdn.x-find.live/icons/less-than-blue.svg');
}
.sensor-temperature-icon-white {
    background-image: url('//cdn.x-find.live/icons/thermometer-white.svg');
}
.sensor-temperature-icon-grey {
    background-image: url('//cdn.x-find.live/icons/thermometer-grey.svg');
}
.sensor-temperature-icon-green {
    background-image: url('//cdn.x-find.live/icons/thermometer-green.svg');
}
.sensor-temperature-icon-red {
    background-image: url('//cdn.x-find.live/icons/thermometer-red.svg');
}
.sensor-temperature-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/thermometer-yellow.svg');
}
.sensor-temperature-icon-blue {
    background-image: url('//cdn.x-find.live/icons/thermometer-blue.svg');
}
.sensor-lux-icon-white {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-white.svg');
}
.sensor-lux-icon-grey {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-grey.svg');
}
.sensor-lux-icon-green {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-green.svg');
}
.sensor-lux-icon-red {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-red.svg');
}
.sensor-lux-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-yellow.svg');
}
.sensor-lux-icon-blue {
    background-image: url('//cdn.x-find.live/icons/lightbulb-on-outline-blue.svg');
}
.sensor-humidity-icon-white {
    background-image: url('//cdn.x-find.live/icons/water-percent-white.svg');
}
.sensor-humidity-icon-grey {
    background-image: url('//cdn.x-find.live/icons/water-percent-grey.svg');
}
.sensor-humidity-icon-green {
    background-image: url('//cdn.x-find.live/icons/water-percent-green.svg');
}
.sensor-humidity-icon-red {
    background-image: url('//cdn.x-find.live/icons/water-percent-red.svg');
}
.sensor-humidity-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/water-percent-yellow.svg');
}
.sensor-humidity-icon-blue {
    background-image: url('//cdn.x-find.live/icons/water-percent-blue.svg');
}
.sensor-motion-icon-white {
    background-image: url('//cdn.x-find.live/icons/motion-outline-white.svg');
}
.sensor-motion-icon-grey {
    background-image: url('//cdn.x-find.live/icons/motion-outline-grey.svg');
}
.sensor-motion-icon-green {
    background-image: url('//cdn.x-find.live/icons/motion-outline-green.svg');
}
.sensor-motion-icon-red {
    background-image: url('//cdn.x-find.live/icons/motion-outline-red.svg');
}
.sensor-motion-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/motion-outline-yellow.svg');
}
.sensor-motion-icon-blue {
    background-image: url('//cdn.x-find.live/icons/motion-outline-blue.svg');
}
.status-icon-white {
    background-image: url('//cdn.x-find.live/icons/circle-white.svg');
}
.status-icon-grey {
    background-image: url('//cdn.x-find.live/icons/circle-grey.svg');
}
.status-icon-green {
    background-image: url('//cdn.x-find.live/icons/circle-green.svg');
}
.status-icon-red {
    background-image: url('//cdn.x-find.live/icons/circle-red.svg');
}
.status-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/circle-yellow.svg');
}
.status-icon-blue {
    background-image: url('//cdn.x-find.live/icons/circle-blue.svg');
}
.return-icon-white {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-white.svg');
}
.return-icon-grey {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-grey.svg');
}
.return-icon-green {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-green.svg');
}
.return-icon-red {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-red.svg');
}
.return-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-yellow.svg');
}
.return-icon-blue {
    background-image: url('//cdn.x-find.live/icons/keyboard-return-blue.svg');
}
.alarm-icon-white {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-white.svg');
}
.alarm-icon-grey {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-grey.svg');
}
.alarm-icon-green {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-green.svg');
}
.alarm-icon-red {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-red.svg');
}
.alarm-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-yellow.svg');
}
.alarm-icon-blue {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline-blue.svg');
}
.vertical-dot-icon-white {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-white.svg');
}
.vertical-dot-icon-grey {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-grey.svg');
}
.vertical-dot-icon-green {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-green.svg');
}
.vertical-dot-icon-red {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-red.svg');
}
.vertical-dot-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-yellow.svg');
}
.vertical-dot-icon-blue {
    background-image: url('//cdn.x-find.live/icons/dots-vertical-blue.svg');
}
.dupli-icon-white {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-white.svg');
}
.dupli-icon-grey {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-grey.svg');
}
.dupli-icon-green {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-green.svg');
}
.dupli-icon-red {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-red.svg');
}
.dupli-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-yellow.svg');
}
.dupli-icon-blue {
    background-image: url('//cdn.x-find.live/icons/content-duplicate-blue.svg');
}
.archive-icon-white {
    background-image: url('//cdn.x-find.live/icons/archive-white.svg');
}
.archive-icon-grey {
    background-image: url('//cdn.x-find.live/icons/archive-grey.svg');
}
.archive-icon-green {
    background-image: url('//cdn.x-find.live/icons/archive-green.svg');
}
.archive-icon-red {
    background-image: url('//cdn.x-find.live/icons/archive-red.svg');
}
.archive-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/archive-yellow.svg');
}
.archive-icon-blue {
    background-image: url('//cdn.x-find.live/icons/archive-blue.svg');
}
.stop-icon-white {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-white.svg');
}
.stop-icon-grey {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-grey.svg');
}
.stop-icon-green {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-green.svg');
}
.stop-icon-red {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-red.svg');
}
.stop-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-yellow.svg');
}
.stop-icon-blue {
    background-image: url('//cdn.x-find.live/icons/stop-circle-outline-blue.svg');
}
.list-icon-white {
    background-image: url('//cdn.x-find.live/icons/view-list-white.svg');
}
.list-icon-grey {
    background-image: url('//cdn.x-find.live/icons/view-list-grey.svg');
}
.list-icon-green {
    background-image: url('//cdn.x-find.live/icons/view-list-green.svg');
}
.list-icon-red {
    background-image: url('//cdn.x-find.live/icons/view-list-red.svg');
}
.list-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/view-list-yellow.svg');
}
.list-icon-blue {
    background-image: url('//cdn.x-find.live/icons/view-list-blue.svg');
}
.print-icon-white {
    background-image: url('//cdn.x-find.live/icons/printer-white.svg');
}
.print-icon-grey {
    background-image: url('//cdn.x-find.live/icons/printer-grey.svg');
}
.print-icon-green {
    background-image: url('//cdn.x-find.live/icons/printer-green.svg');
}
.print-icon-red {
    background-image: url('//cdn.x-find.live/icons/printer-red.svg');
}
.print-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/printer-yellow.svg');
}
.print-icon-blue {
    background-image: url('//cdn.x-find.live/icons/printer-blue.svg');
}
.antenna-icon-white {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-white.svg');
}
.antenna-icon-grey {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-grey.svg');
}
.antenna-icon-green {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-green.svg');
}
.antenna-icon-red {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-red.svg');
}
.antenna-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-yellow.svg');
}
.antenna-icon-blue {
    background-image: url('//cdn.x-find.live/icons/video-input-antenna-blue.svg');
}
.google-map-icon-white {
    background-image: url('//cdn.x-find.live/icons/google-maps-white.svg');
}
.google-map-icon-grey {
    background-image: url('//cdn.x-find.live/icons/google-maps-grey.svg');
}
.google-map-icon-green {
    background-image: url('//cdn.x-find.live/icons/google-maps-green.svg');
}
.google-map-icon-red {
    background-image: url('//cdn.x-find.live/icons/google-maps-red.svg');
}
.google-map-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/google-maps-yellow.svg');
}
.google-map-icon-blue {
    background-image: url('//cdn.x-find.live/icons/google-maps-blue.svg');
}
.flag-icon-white {
    background-image: url('//cdn.x-find.live/icons/flag-white.svg');
}
.flag-icon-grey {
    background-image: url('//cdn.x-find.live/icons/flag-grey.svg');
}
.flag-icon-green {
    background-image: url('//cdn.x-find.live/icons/flag-green.svg');
}
.flag-icon-red {
    background-image: url('//cdn.x-find.live/icons/flag-red.svg');
}
.flag-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/flag-yellow.svg');
}
.flag-icon-blue {
    background-image: url('//cdn.x-find.live/icons/flag-blue.svg');
}
.flag-checkered-icon-white {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-white.svg');
}
.flag-checkered-icon-black {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-black.svg');
}
.flag-checkered-icon-grey {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-grey.svg');
}
.flag-checkered-icon-green {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-green.svg');
}
.flag-checkered-icon-red {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-red.svg');
}
.flag-checkered-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-yellow.svg');
}
.flag-checkered-icon-blue {
    background-image: url('//cdn.x-find.live/icons/flag-checkered-blue.svg');
}
.flag-outline-icon-white {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-white.svg');
}
.flag-outline-icon-grey {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-grey.svg');
}
.flag-outline-icon-green {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-green.svg');
}
.flag-outline-icon-red {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-red.svg');
}
.flag-outline-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-yellow.svg');
}
.flag-outline-icon-blue {
    background-image: url('//cdn.x-find.live/icons/flag-variant-outline-blue.svg');
}
.baseline-filter-1 {
    background-image: url('//cdn.x-find.live/icons/baseline-filter-1.svg');
}
.eye-circle-outline {
    background-image: url('//cdn.x-find.live/icons/eye-circle-outline.svg');
}
.map-marked-alt {
    background-image: url('//cdn.x-find.live/icons/map-marked-alt.svg');
}
.map-svg {
    background-image: url('//cdn.x-find.live/icons/map.svg');
}
.order-alphabetical-ascending {
    background-image: url('//cdn.x-find.live/icons/order-alphabetical-ascending.svg');
}
.order-bool-descending-variant {
    background-image: url('//cdn.x-find.live/icons/order-bool-descending-variant.svg');
}
.text-first-line-20-filled {
    background-image: url('//cdn.x-find.live/icons/text-first-line-20-filled.svg');
}
.filter-grid-circle-line {
    background-image: url('//cdn.x-find.live/icons/filter-grid-circle-line.svg');
}
.map-distance {
    background-image: url('//cdn.x-find.live/icons/map-distance.svg');
}
.map-outline-badged{
    background-image: url('//cdn.x-find.live/icons/map-outline-badged.svg');
}

.sort-alphabetical-ascending{
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-ascending.svg');
}
.sort-alphabetical-descending{
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-descending.svg');
}
.sort-batteri-crescente{
    background-image: url('//cdn.x-find.live/icons/sort-batteri-crescente.svg');
}
.sort-batteri-decrescente{
    background-image: url('//cdn.x-find.live/icons/sort-batteri-decrescente.svg');
}
.sort-bool-ascending{
    background-image: url('//cdn.x-find.live/icons/sort-bool-ascending.svg');
}
.sort-bool-descending{
    background-image: url('//cdn.x-find.live/icons/sort-bool-descending.svg');
}
.sort-calendar-ascending{
    background-image: url('//cdn.x-find.live/icons/sort-calendar-ascending.svg');
}
.sort-calendar-descending{
    background-image: url('//cdn.x-find.live/icons/sort-calendar-descending.svg');
}
.sort-clock-ascending-outline{
    background-image: url('//cdn.x-find.live/icons/sort-clock-ascending-outline.svg');
}
.sort-clock-descending-outline{
    background-image: url('//cdn.x-find.live/icons/sort-clock-descending-outline.svg');
}
.arrow-sorted-down{
    background-image: url('//cdn.x-find.live/icons/arrow-sorted-down.svg');
}
.filter-grid-circle-line-red {
    background-image: url('//cdn.x-find.live/icons/filter-grid-circle-line-red.svg');
}
.cctv-icon-white {
    background-image: url('//cdn.x-find.live/icons/cctv-white.svg');
}
.cctv-icon-grey {
    background-image: url('//cdn.x-find.live/icons/cctv-grey.svg');
}
.cctv-icon-green {
    background-image: url('//cdn.x-find.live/icons/cctv-green.svg');
}
.cctv-icon-red {
    background-image: url('//cdn.x-find.live/icons/cctv-red.svg');
}
.cctv-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/cctv-yellow.svg');
}
.cctv-icon-blue {
    background-image: url('//cdn.x-find.live/icons/cctv-blue.svg');
}
.view-dashboard-variant-outline-white{
    background-image: url('//cdn.x-find.live/icons/view-dashboard-variant-outline-white.svg');
}
.view-dashboard-variant-outline-grey{
    background-image: url('//cdn.x-find.live/icons/view-dashboard-variant-outline-grey.svg');
}
.view-dashboard-variant-outline-green{
    background-image: url('//cdn.x-find.live/icons/view-dashboard-variant-outline-green.svg');
}
.view-dashboard-variant-outline-red{
    background-image: url('//cdn.x-find.live/icons/.view-dashboard-variant-outline-red.svg');
}
.view-dashboard-variant-outline-yellow{
    background-image: url('//cdn.x-find.live/icons/view-dashboard-variant-outline-yellow.svg');
}
.view-dashboard-variant-outline-blue{
    background-image: url('//cdn.x-find.live/icons/view-dashboard-variant-outline-blue.svg');
}
.google-earth-white {
    background-image: url('//cdn.x-find.live/icons/google-earth-white.svg');
}
.google-earth-grey {
    background-image: url('//cdn.x-find.live/icons/google-earth-grey.svg');
}
.google-earth-green {
    background-image: url('//cdn.x-find.live/icons/google-earth-green.svg');
}
.google-earth-red {
    background-image: url('//cdn.x-find.live/icons/google-earth-red.svg');
}
.google-earth-yellow {
    background-image: url('//cdn.x-find.live/icons/google-earth-yellow.svg');
}
.google-earth-blue {
    background-image: url('//cdn.x-find.live/icons/google-earth-blue.svg');
}
.moto-icon-grey {
    background-image: url('//cdn.x-find.live/icons/moto-grey.svg');
}
.moto-icon-green {
    background-image: url('//cdn.x-find.live/icons/moto-green.svg');
}
.moto-icon-white {
    background-image: url('//cdn.x-find.live/icons/moto-white.svg');
}
.moto-icon-red {
    background-image: url('//cdn.x-find.live/icons/moto-red.svg');
}
.moto-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/moto-yellow.svg');
}
.drop-icon-grey {
    background-image: url('//cdn.x-find.live/icons/drop-grey.svg');
}
.drop-icon-green {
    background-image: url('//cdn.x-find.live/icons/drop-green.svg');
}
.drop-icon-white {
    background-image: url('//cdn.x-find.live/icons/drop-white.svg');
}
.drop-icon-red {
    background-image: url('//cdn.x-find.live/icons/drop-red.svg');
}
.drop-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/drop-yellow.svg');
}

/* DIMENSIONE ICONE */
.normal-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
    /* display: inline-block; */
}
.little-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    /* display: inline-block; */
}
.mini-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
}
.mini-icon-event-filter {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
}
.mini-less-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 14px !important;
    height: 14px !important;
    margin: auto;
}
.big-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
}
.verybig-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
}
.avatar-icon {
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 140px !important;
    height: 140px !important;
    margin: auto;
    border: 1px solid #5c717E8c !important;
    border-radius: 2px !important;
}
/* DISPLAY ICONE */
.in-line-icon {
    display: inline-block;
}
.flex-line-icon {
    display: inline-flex;
}
.block-icon {
    display: block;
}
.route-icon-for-map {
    margin-left: -24px;
    margin-top: -48px;
}
.special-navbar-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 6px 8px 2px 4px;

}
.special-total-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: 2px 1px 2px 4px;
}
.help-icon {
    float: right;
    margin-top: 6px;
    margin-right: 16px;
}
.help-icon-event-filter {
    float: right;
    margin-top: 6px;
    margin-right: 2px;
}
.fleet-table-icon {
    vertical-align: middle;
    position: relative;
    margin: 2px 2px 2px 8px;
}
.label-event-filter {
    justify-content: right !important;
}
.unit-heading-default-tanker-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/tanker-truck-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-tow-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/tow-truck-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-truck-fast-icon{
    background-image:  url('//cdn.x-find.live/icons/truck-fast-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-dump-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/dump-truck-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-fire-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/fire-truck-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-rv-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/rv-truck-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-van-utility-truck-icon{
    background-image:  url('//cdn.x-find.live/icons/van-utility-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-vehicle-icon{
    background-image:  url('//cdn.x-find.live/icons/car-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-car-connected-icon{
    background-image:  url('//cdn.x-find.live/icons/car-connected-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-car-emergency-icon{
    background-image:  url('//cdn.x-find.live/icons/car-emergency-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-forklift-icon{
    background-image:  url('//cdn.x-find.live/icons/forklift-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-jeepney-icon{
    background-image:  url('//cdn.x-find.live/icons/jeepney-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-bus-icon{
    background-image:  url('//cdn.x-find.live/icons/bus-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-tractor-icon{
    background-image:  url('//cdn.x-find.live/icons/tractor-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-moped-icon{
    background-image:  url('//cdn.x-find.live/icons/moped-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-drop-icon{
    background-image:  url('//cdn.x-find.live/icons/drop-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}
.unit-heading-default-moto-icon{
    background-image:  url('//cdn.x-find.live/icons/moto-grey.svg');
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: center;
    width: 60% !important;
    height: 60% !important;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    left: 20%;
    pointer-events: all !important;
}

.notification-icon-red {
    background-image: url('//cdn.x-find.live/icons/carbon--notification-off.svg');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px !important;
    height: 64px !important;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
}

.notification-icon-green {
    background-image: url('//cdn.x-find.live/icons/carbon--notification-new.svg');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px !important;
    height: 64px !important;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
}
.notification-icon-red-mini {
    background-image: url('//cdn.x-find.live/icons/carbon--notification-off.svg');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px !important;
    height: 64px !important;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
}

.notification-icon-green-mini {
    background-image: url('//cdn.x-find.live/icons/carbon--notification-new.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin-left: 10px;
    margin-top: 5px;
    cursor: pointer;
}
.satellite-icon-red {
    background-image: url('//cdn.x-find.live/icons/satellite-variant-red.svg');
}
.satellite-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/satellite-variant-yellow.svg');
}
.satellite-icon-green {
    background-image: url('//cdn.x-find.live/icons/satellite-variant-green.svg');
}
.csq-icon-red {
    background-image: url('//cdn.x-find.live/icons/csqred.svg');
}
.csq-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/csqyellow.svg');
}
.csq-icon-green {
    background-image: url('//cdn.x-find.live/icons/csqgreen.svg');
}
.csq-icon-green-4 {
    background-image: url('//cdn.x-find.live/icons/csqgreen4.svg');
}