ca-components 1.7.84 → 1.7.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/scss/mixins.scss +37 -0
- package/assets/theme/variables.scss +2 -0
- package/esm2022/lib/components/ca-load-status/ca-load-status.component.mjs +11 -3
- package/esm2022/lib/components/ca-load-status/pipes/status-text.pipe.mjs +8 -4
- package/esm2022/lib/components/ca-load-status-log/ca-load-status-log.component.mjs +1 -1
- package/esm2022/lib/components/ca-map/ca-map.component.mjs +6 -6
- package/esm2022/lib/components/ca-map/utils/helpers/map-marker-icon.helper.mjs +2 -2
- package/esm2022/lib/components/ca-status-change-dropdown/ca-status-change-dropdown.component.mjs +1 -1
- package/fesm2022/ca-components.mjs +25 -13
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-load-status/ca-load-status.component.d.ts +5 -1
- package/lib/components/ca-load-status/pipes/status-text.pipe.d.ts +1 -1
- package/package.json +1 -1
|
@@ -17300,7 +17300,7 @@ class MapMarkerIconHelper {
|
|
|
17300
17300
|
static { this.getMilesMarkerElement = (stopNumber, stopType, labelName, index) => {
|
|
17301
17301
|
const markerElement = document.createElement('div');
|
|
17302
17302
|
const markerSvg = MapMarkerIconHelper.getMilesMarkerSvg(stopNumber, stopType);
|
|
17303
|
-
markerElement.classList.add('miles-icon');
|
|
17303
|
+
markerElement.classList.add('miles-icon', 'position-relative');
|
|
17304
17304
|
markerElement.innerHTML = markerSvg;
|
|
17305
17305
|
if (index !== null)
|
|
17306
17306
|
markerElement.id = 'milesMarker-' + index;
|
|
@@ -17983,9 +17983,9 @@ class CaMapComponent {
|
|
|
17983
17983
|
this.renderer.addClass(markerIcon, MapMarkerStringEnum.SELECTED);
|
|
17984
17984
|
if (markerItem.infoWindowContent) {
|
|
17985
17985
|
if (!(markerIcon?.previousSibling ===
|
|
17986
|
-
this.
|
|
17987
|
-
this.renderer.insertBefore(markerIcon?.parentNode, this.
|
|
17988
|
-
this.
|
|
17986
|
+
this.clusterDropdown.nativeElement))
|
|
17987
|
+
this.renderer.insertBefore(markerIcon?.parentNode, this.clusterDropdown.nativeElement, markerIcon);
|
|
17988
|
+
this.isClusterDropdownOpen = true;
|
|
17989
17989
|
this.openedInfoWindowData = { ...markerItem };
|
|
17990
17990
|
}
|
|
17991
17991
|
this.cd.detectChanges();
|
|
@@ -18097,7 +18097,7 @@ class CaMapComponent {
|
|
|
18097
18097
|
this.destroy$.complete();
|
|
18098
18098
|
}
|
|
18099
18099
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", routingMarkerClick: "routingMarkerClick", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\n [zoom]=\"mapZoom\"\n [center]=\"mapCenter\"\n [options]=\"mapOptions\"\n [mapId]=\"mapStyleId\"\n (mapInitialized)=\"onMapReady($event)\"\n>\n @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n <map-advanced-marker\n [position]=\"marker.position\"\n [content]=\"marker.content\"\n [zIndex]=\"\n openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n \"\n (mapClick)=\"onMarkerClick(marker)\"\n >\n </map-advanced-marker>\n }\n\n <div\n #markerDropdown\n class=\"marker-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isClusterDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @for (\n clusterMarker of mapData.clusterMarkers;\n let i = $index;\n track clusterMarker.position\n ) {\n <map-advanced-marker\n [position]=\"clusterMarker.position\"\n [content]=\"clusterMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n ? 999\n : i\n \"\n (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n >\n </map-advanced-marker>\n }\n\n @for (route of routePolylines; let i = $index; track i) {\n <map-polyline [options]=\"route\"></map-polyline>\n }\n\n <div\n #clusterDropdown\n class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isMarkerDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @if (areaFilterData) {\n <map-circle\n [options]=\"areaFilterData.options\"\n [center]=\"areaFilterData.center\"\n [radius]=\"areaFilterData.radius\"\n ></map-circle>\n }\n\n @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n <map-advanced-marker\n [position]=\"routingMarker.position\"\n [content]=\"routingMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n ? 999\n : i\n \"\n (mapClick)=\"\n routingMarker.hasClickEvent &&\n onRoutingMarkerClick(routingMarker)\n \"\n >\n </map-advanced-marker>\n }\n\n @if (mapData.isOpenInMapShown) {\n <div\n class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n ngbTooltip\n mainCaTooltip=\"Open in Map\"\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n (click)=\"onOpenInMap()\"\n >\n <svg-icon\n class=\"d-flex svg-size-18\"\n src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n ></svg-icon>\n </div>\n }\n\n @if (mapData.isZoomShown) {\n <div\n class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n [ngClass]=\"{\n 'flex-column': !mapData.isVerticalZoom,\n 'vertical-zoom-buttons': mapData.isVerticalZoom,\n }\"\n >\n <div\n class=\"map-zoom-buttons d-flex align-items-center\"\n [class.flex-column]=\"mapData.isVerticalZoom\"\n >\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(true)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/popup/Minus.svg\"\n ></svg-icon>\n </div>\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(false)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/common/ic_plus.svg\"\n ></svg-icon>\n </div>\n </div>\n <div class=\"map-zoom-range d-flex align-items-center\">\n <div class=\"range-line\"></div>\n <div class=\"range-text ca-font-medium\">50 mi</div>\n <div class=\"range-line\"></div>\n </div>\n </div>\n }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center 30px;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
18100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", routingMarkerClick: "routingMarkerClick", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\n [zoom]=\"mapZoom\"\n [center]=\"mapCenter\"\n [options]=\"mapOptions\"\n [mapId]=\"mapStyleId\"\n (mapInitialized)=\"onMapReady($event)\"\n>\n @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n <map-advanced-marker\n [position]=\"marker.position\"\n [content]=\"marker.content\"\n [zIndex]=\"\n openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n \"\n (mapClick)=\"onMarkerClick(marker)\"\n >\n </map-advanced-marker>\n }\n\n <div\n #markerDropdown\n class=\"marker-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isClusterDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @for (\n clusterMarker of mapData.clusterMarkers;\n let i = $index;\n track clusterMarker.position\n ) {\n <map-advanced-marker\n [position]=\"clusterMarker.position\"\n [content]=\"clusterMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n ? 999\n : i\n \"\n (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n >\n </map-advanced-marker>\n }\n\n @for (route of routePolylines; let i = $index; track i) {\n <map-polyline [options]=\"route\"></map-polyline>\n }\n\n <div\n #clusterDropdown\n class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isMarkerDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @if (areaFilterData) {\n <map-circle\n [options]=\"areaFilterData.options\"\n [center]=\"areaFilterData.center\"\n [radius]=\"areaFilterData.radius\"\n ></map-circle>\n }\n\n @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n <map-advanced-marker\n [position]=\"routingMarker.position\"\n [content]=\"routingMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n ? 999\n : i\n \"\n (mapClick)=\"\n routingMarker.hasClickEvent &&\n onRoutingMarkerClick(routingMarker)\n \"\n >\n </map-advanced-marker>\n }\n\n @if (mapData.isOpenInMapShown) {\n <div\n class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n ngbTooltip\n mainCaTooltip=\"Open in Map\"\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n (click)=\"onOpenInMap()\"\n >\n <svg-icon\n class=\"d-flex svg-size-18\"\n src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n ></svg-icon>\n </div>\n }\n\n @if (mapData.isZoomShown) {\n <div\n class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n [ngClass]=\"{\n 'flex-column': !mapData.isVerticalZoom,\n 'vertical-zoom-buttons': mapData.isVerticalZoom,\n }\"\n >\n <div\n class=\"map-zoom-buttons d-flex align-items-center\"\n [class.flex-column]=\"mapData.isVerticalZoom\"\n >\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(true)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/popup/Minus.svg\"\n ></svg-icon>\n </div>\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(false)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/common/ic_plus.svg\"\n ></svg-icon>\n </div>\n </div>\n <div class=\"map-zoom-range d-flex align-items-center\">\n <div class=\"range-line\"></div>\n <div class=\"range-text ca-font-medium\">50 mi</div>\n <div class=\"range-line\"></div>\n </div>\n </div>\n }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
18101
18101
|
// Modules
|
|
18102
18102
|
GoogleMapsModule }, { kind: "component", type: i2$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i2$3.MapCircle, selector: "map-circle", inputs: ["options", "center", "radius"], outputs: ["centerChanged", "circleClick", "circleDblclick", "circleDrag", "circleDragend", "circleDragstart", "circleMousedown", "circleMousemove", "circleMouseout", "circleMouseover", "circleMouseup", "radiusChanged", "circleRightclick", "circleInitialized"], exportAs: ["mapCircle"] }, { kind: "directive", type: i2$3.MapAdvancedMarker, selector: "map-advanced-marker", inputs: ["title", "position", "content", "gmpDraggable", "options", "zIndex"], outputs: ["mapClick", "mapDrag", "mapDragend", "mapDragstart", "markerInitialized"], exportAs: ["mapAdvancedMarker"] }, { kind: "directive", type: i2$3.MapPolyline, selector: "map-polyline", inputs: ["options", "path"], outputs: ["polylineClick", "polylineDblclick", "polylineDrag", "polylineDragend", "polylineDragstart", "polylineMousedown", "polylineMousemove", "polylineMouseout", "polylineMouseover", "polylineMouseup", "polylineRightclick", "polylineInitialized"], exportAs: ["mapPolyline"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
18103
18103
|
// Components
|
|
@@ -18114,7 +18114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
18114
18114
|
// Components
|
|
18115
18115
|
CaMapDropdownComponent,
|
|
18116
18116
|
CaAppTooltipV2Component,
|
|
18117
|
-
], encapsulation: ViewEncapsulation.None, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\n [zoom]=\"mapZoom\"\n [center]=\"mapCenter\"\n [options]=\"mapOptions\"\n [mapId]=\"mapStyleId\"\n (mapInitialized)=\"onMapReady($event)\"\n>\n @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n <map-advanced-marker\n [position]=\"marker.position\"\n [content]=\"marker.content\"\n [zIndex]=\"\n openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n \"\n (mapClick)=\"onMarkerClick(marker)\"\n >\n </map-advanced-marker>\n }\n\n <div\n #markerDropdown\n class=\"marker-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isClusterDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @for (\n clusterMarker of mapData.clusterMarkers;\n let i = $index;\n track clusterMarker.position\n ) {\n <map-advanced-marker\n [position]=\"clusterMarker.position\"\n [content]=\"clusterMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n ? 999\n : i\n \"\n (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n >\n </map-advanced-marker>\n }\n\n @for (route of routePolylines; let i = $index; track i) {\n <map-polyline [options]=\"route\"></map-polyline>\n }\n\n <div\n #clusterDropdown\n class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isMarkerDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @if (areaFilterData) {\n <map-circle\n [options]=\"areaFilterData.options\"\n [center]=\"areaFilterData.center\"\n [radius]=\"areaFilterData.radius\"\n ></map-circle>\n }\n\n @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n <map-advanced-marker\n [position]=\"routingMarker.position\"\n [content]=\"routingMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n ? 999\n : i\n \"\n (mapClick)=\"\n routingMarker.hasClickEvent &&\n onRoutingMarkerClick(routingMarker)\n \"\n >\n </map-advanced-marker>\n }\n\n @if (mapData.isOpenInMapShown) {\n <div\n class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n ngbTooltip\n mainCaTooltip=\"Open in Map\"\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n (click)=\"onOpenInMap()\"\n >\n <svg-icon\n class=\"d-flex svg-size-18\"\n src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n ></svg-icon>\n </div>\n }\n\n @if (mapData.isZoomShown) {\n <div\n class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n [ngClass]=\"{\n 'flex-column': !mapData.isVerticalZoom,\n 'vertical-zoom-buttons': mapData.isVerticalZoom,\n }\"\n >\n <div\n class=\"map-zoom-buttons d-flex align-items-center\"\n [class.flex-column]=\"mapData.isVerticalZoom\"\n >\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(true)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/popup/Minus.svg\"\n ></svg-icon>\n </div>\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(false)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/common/ic_plus.svg\"\n ></svg-icon>\n </div>\n </div>\n <div class=\"map-zoom-range d-flex align-items-center\">\n <div class=\"range-line\"></div>\n <div class=\"range-text ca-font-medium\">50 mi</div>\n <div class=\"range-line\"></div>\n </div>\n </div>\n }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center 30px;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"] }]
|
|
18117
|
+
], encapsulation: ViewEncapsulation.None, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\n [zoom]=\"mapZoom\"\n [center]=\"mapCenter\"\n [options]=\"mapOptions\"\n [mapId]=\"mapStyleId\"\n (mapInitialized)=\"onMapReady($event)\"\n>\n @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n <map-advanced-marker\n [position]=\"marker.position\"\n [content]=\"marker.content\"\n [zIndex]=\"\n openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n \"\n (mapClick)=\"onMarkerClick(marker)\"\n >\n </map-advanced-marker>\n }\n\n <div\n #markerDropdown\n class=\"marker-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isClusterDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @for (\n clusterMarker of mapData.clusterMarkers;\n let i = $index;\n track clusterMarker.position\n ) {\n <map-advanced-marker\n [position]=\"clusterMarker.position\"\n [content]=\"clusterMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n ? 999\n : i\n \"\n (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n >\n </map-advanced-marker>\n }\n\n @for (route of routePolylines; let i = $index; track i) {\n <map-polyline [options]=\"route\"></map-polyline>\n }\n\n <div\n #clusterDropdown\n class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n >\n <app-ca-map-dropdown\n [infoWindowContent]=\"\n !isMarkerDropdownOpen\n ? openedInfoWindowData?.infoWindowContent!\n : null\n \"\n [markerData]=\"openedInfoWindowData?.data\"\n (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n (onBackButtonClick)=\"onClusterBackButtonClick()\"\n ></app-ca-map-dropdown>\n </div>\n\n @if (areaFilterData) {\n <map-circle\n [options]=\"areaFilterData.options\"\n [center]=\"areaFilterData.center\"\n [radius]=\"areaFilterData.radius\"\n ></map-circle>\n }\n\n @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n <map-advanced-marker\n [position]=\"routingMarker.position\"\n [content]=\"routingMarker.content\"\n [zIndex]=\"\n checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n ? 999\n : i\n \"\n (mapClick)=\"\n routingMarker.hasClickEvent &&\n onRoutingMarkerClick(routingMarker)\n \"\n >\n </map-advanced-marker>\n }\n\n @if (mapData.isOpenInMapShown) {\n <div\n class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n ngbTooltip\n mainCaTooltip=\"Open in Map\"\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n (click)=\"onOpenInMap()\"\n >\n <svg-icon\n class=\"d-flex svg-size-18\"\n src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n ></svg-icon>\n </div>\n }\n\n @if (mapData.isZoomShown) {\n <div\n class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n [ngClass]=\"{\n 'flex-column': !mapData.isVerticalZoom,\n 'vertical-zoom-buttons': mapData.isVerticalZoom,\n }\"\n >\n <div\n class=\"map-zoom-buttons d-flex align-items-center\"\n [class.flex-column]=\"mapData.isVerticalZoom\"\n >\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(true)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/popup/Minus.svg\"\n ></svg-icon>\n </div>\n <div\n class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n (click)=\"onZoomChange(false)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n src=\"assets/ca-components/svg/common/ic_plus.svg\"\n ></svg-icon>\n </div>\n </div>\n <div class=\"map-zoom-range d-flex align-items-center\">\n <div class=\"range-line\"></div>\n <div class=\"range-text ca-font-medium\">50 mi</div>\n <div class=\"range-line\"></div>\n </div>\n </div>\n }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"] }]
|
|
18118
18118
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MapMarkerIconService }], propDecorators: { maps: [{
|
|
18119
18119
|
type: ViewChild,
|
|
18120
18120
|
args: [GoogleMap, { static: false }]
|
|
@@ -30065,7 +30065,7 @@ class LoadStatuConstants {
|
|
|
30065
30065
|
}
|
|
30066
30066
|
|
|
30067
30067
|
class StatusTextClassPipe {
|
|
30068
|
-
transform(value, index, displayString, isTitleCardDropdown, isDark, statusId, isNoStatesColor, fontSize) {
|
|
30068
|
+
transform(value, index, displayString, isTitleCardDropdown, isDark, statusId, isNoStatesColor, isStatusCard, isStatusFocused, fontSize) {
|
|
30069
30069
|
const defaultFontSize = 11;
|
|
30070
30070
|
const isNumeric = /^[+-]?\d+(\.\d+)?$/.test(value);
|
|
30071
30071
|
const lowerCaseValue = value.toLowerCase();
|
|
@@ -30073,8 +30073,12 @@ class StatusTextClassPipe {
|
|
|
30073
30073
|
const isDarkVersion = isTitleCardDropdown || isDark;
|
|
30074
30074
|
const isPickupStatus = LoadStatuConstants.pickupStatuses.includes(statusId);
|
|
30075
30075
|
const isDeliveriStatus = LoadStatuConstants.deliveriStatuses.includes(statusId);
|
|
30076
|
-
const isDefaultPickupNumber = isNumeric &&
|
|
30077
|
-
|
|
30076
|
+
const isDefaultPickupNumber = isNumeric &&
|
|
30077
|
+
isPickupStatus &&
|
|
30078
|
+
(isNoStatesColor || (isStatusCard && isStatusFocused));
|
|
30079
|
+
const isDefaultDeliverNumber = isNumeric &&
|
|
30080
|
+
isDeliveriStatus &&
|
|
30081
|
+
(isNoStatesColor || (isStatusCard && isStatusFocused));
|
|
30078
30082
|
const isDifferentNumber = isDefaultPickupNumber || isDefaultDeliverNumber;
|
|
30079
30083
|
return {
|
|
30080
30084
|
'background-green-3 text-color-green-2': isDefaultPickupNumber,
|
|
@@ -30127,8 +30131,14 @@ class CaLoadStatusComponent {
|
|
|
30127
30131
|
focusOnClick() {
|
|
30128
30132
|
this.containerLoadStatus.nativeElement.focus();
|
|
30129
30133
|
}
|
|
30134
|
+
onStatusFocus() {
|
|
30135
|
+
this.isStatusFocused = true;
|
|
30136
|
+
}
|
|
30137
|
+
onStatusBlur() {
|
|
30138
|
+
this.isStatusFocused = false;
|
|
30139
|
+
}
|
|
30130
30140
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaLoadStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaLoadStatusComponent, isStandalone: true, selector: "app-ca-load-status", inputs: { status: "status", time: "time", isNoStyle: "isNoStyle", fontSize: "fontSize", width: "width", height: "height", isTitleCardDropdown: "isTitleCardDropdown", isDark: "isDark", isMarked: "isMarked", isDropdownStatusChange: "isDropdownStatusChange", isDefaultHoverFocus: "isDefaultHoverFocus", isNoStatesColor: "isNoStatesColor" }, viewQueries: [{ propertyName: "containerLoadStatus", first: true, predicate: ["containerLoadStatus"], descendants: true }], ngImport: i0, template: "@let statusTimeContainerClass = isNoStyle ? '' : _status.id | loadStatusColors;\n\n<div \n\t#containerLoadStatus\n\tclass=\"status-time-container d-flex flex-column\"\n\t[class]=\"statusTimeContainerClass\"\n\t[class.default-hover-focus]=\"isDefaultHoverFocus\"\n\t[class.dropdown-status-change]=\"isDropdownStatusChange\"\n\t[class.is-marked]=\"isMarked\"\n\t[class.load-status-no-states]=\"isNoStatesColor\"\n\t[class.status-with-time]=\"time\"\n\t[class.no-style]=\"isNoStyle\"\n\t[class.title-card-dropdown]=\"isTitleCardDropdown\"\n\t[class.c-pointer]=\"!isNoStatesColor\"\n\t[style.width.px]=\"width\"\n\t[style.height.px]=\"height\"\n\t(click)=\"focusOnClick()\"\n\ttabindex=\"0\"\n>\n\t<div class=\"d-flex status align-items-center\">\n\t\t@for (\n\t\t\tvalue of displayString;\n\t\t\tlet index = $index;\n\t\t\ttrack index\n\t\t) {\n\t\t\t<span \n\t\t\t\tclass=\"text-size-11 status-text ca-font-bold text-uppercase\"\n\t\t\t\t[ngClass]=\"\n\t\t\t\t\tvalue | statusTextClass : index : displayString :\n\t\t\t\t\tisTitleCardDropdown : isDark : _status.id! : isNoStatesColor : fontSize\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ value }}\n\t\t\t</span>\n\t\t}\n\t</div>\n\n\t@if(time) {\n\t\t<div class=\"status-time ca-font-medium text-size-11\">\n\t\t\t{{ time }}\n\t\t</div>\n\t}\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-6{padding:6px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-18{width:18px}.h-18{height:18px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-120{width:120px}.h-120{height:120px}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.status-time-container{padding:6px;border-radius:2px}.status-time-container.title-card-dropdown{padding:2px 4px}.status-time-container.status-with-time:hover{padding:0 0 0 6px}.status-time-container.status-with-time:hover .status-time{display:flex}.status-time-container.no-style{padding:0;cursor:unset}.status-time-container:focus .status-time{color:#ffffffb3}.status-text{color:#424242;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status-text-dropdown{color:#ffffffb3;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.badge{height:14px;width:14px;border-radius:1px}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold{background-color:#df3d8533}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:hover{background-color:#df3d8566}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus{background-color:#df3d85}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-black-200{background-color:#6c6c6c33}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:hover{background-color:#6c6c6c66}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus{background-color:#6c6c6c}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold{background-color:#50ac2533}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:hover{background-color:#50ac2566}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus{background-color:#50ac25}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold{background-color:#6692f133}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:hover{background-color:#6692f166}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus{background-color:#6692f1}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold{background-color:#259f9433}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:hover{background-color:#259f9466}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus{background-color:#259f94}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold{background-color:#ff704333}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:hover{background-color:#ff704366}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus{background-color:#ff7043}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold{background-color:#cf961d33}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:hover{background-color:#cf961d66}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus{background-color:#cf961d}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold{background-color:#df3c3c33}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:hover{background-color:#df3c3c66}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus{background-color:#df3c3c}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold{background-color:#865e3a33}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:hover{background-color:#865e3a66}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus{background-color:#865e3a}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold{background-color:#9e47ec33}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:hover{background-color:#9e47ec66}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus{background-color:#9e47ec}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus .status-text{color:#fff}.dropdown-status-change.color-background-magenta-bold.is-marked{background-color:#df3d8566}.dropdown-status-change.color-background-magenta-bold:hover{background-color:#df3d85}.dropdown-status-change.color-background-black-200.is-marked{background-color:#6c6c6c66}.dropdown-status-change.color-background-black-200:hover{background-color:#6c6c6c}.dropdown-status-change.color-background-lime-bold.is-marked{background-color:#50ac2566}.dropdown-status-change.color-background-lime-bold:hover{background-color:#50ac25}.dropdown-status-change.color-background-blue-bold.is-marked{background-color:#6692f166}.dropdown-status-change.color-background-blue-bold:hover{background-color:#6692f1}.dropdown-status-change.color-background-green-bold.is-marked{background-color:#259f9466}.dropdown-status-change.color-background-green-bold:hover{background-color:#259f94}.dropdown-status-change.color-background-orange-bold.is-marked{background-color:#ff704366}.dropdown-status-change.color-background-orange-bold:hover{background-color:#ff7043}.dropdown-status-change.color-background-gold-bold.is-marked{background-color:#cf961d66}.dropdown-status-change.color-background-gold-bold:hover{background-color:#cf961d}.dropdown-status-change.color-background-red-bold.is-marked{background-color:#df3c3c66}.dropdown-status-change.color-background-red-bold:hover{background-color:#df3c3c}.dropdown-status-change.color-background-brown-bold.is-marked{background-color:#865e3a66}.dropdown-status-change.color-background-brown-bold:hover{background-color:#865e3a}.dropdown-status-change.color-background-purple-bold.is-marked{background-color:#9e47ec66}.dropdown-status-change.color-background-purple-bold:hover{background-color:#9e47ec}.load-status-no-states.color-background-magenta-bold{background-color:#df3d85}.load-status-no-states.color-background-black-200{background-color:#6c6c6c}.load-status-no-states.color-background-lime-bold{background-color:#50ac25}.load-status-no-states.color-background-blue-bold{background-color:#6692f1}.load-status-no-states.color-background-green-bold{background-color:#259f94}.load-status-no-states.color-background-orange-bold{background-color:#ff7043}.load-status-no-states.color-background-gold-bold{background-color:#cf961d}.load-status-no-states.color-background-red-bold{background-color:#df3c3c}.load-status-no-states.color-background-brown-bold{background-color:#865e3a}.load-status-no-states.color-background-purple-bold{background-color:#9e47ec}.status-time{display:none;color:#6c6c6c;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status,.status-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type:
|
|
30141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaLoadStatusComponent, isStandalone: true, selector: "app-ca-load-status", inputs: { status: "status", time: "time", isNoStyle: "isNoStyle", fontSize: "fontSize", width: "width", height: "height", isTitleCardDropdown: "isTitleCardDropdown", isDark: "isDark", isMarked: "isMarked", isDropdownStatusChange: "isDropdownStatusChange", isDefaultHoverFocus: "isDefaultHoverFocus", isNoStatesColor: "isNoStatesColor", isStatusCard: "isStatusCard" }, viewQueries: [{ propertyName: "containerLoadStatus", first: true, predicate: ["containerLoadStatus"], descendants: true }], ngImport: i0, template: "@let statusTimeContainerClass = isNoStyle ? '' : _status.id | loadStatusColors;\n\n<div \n\t#containerLoadStatus\n\tclass=\"status-time-container d-flex flex-column\"\n\t[class]=\"statusTimeContainerClass\"\n\t[class.default-hover-focus]=\"isDefaultHoverFocus\"\n\t[class.dropdown-status-change]=\"isDropdownStatusChange\"\n\t[class.is-marked]=\"isMarked\"\n\t[class.load-status-no-states]=\"isNoStatesColor\"\n\t[class.status-with-time]=\"time\"\n\t[class.no-style]=\"isNoStyle\"\n\t[class.title-card-dropdown]=\"isTitleCardDropdown\"\n\t[class.c-pointer]=\"!isNoStatesColor\"\n\t[class.load-status-card]=\"isStatusCard\"\n\t[class.p-1]=\"isStatusCard\"\n\t[style.width.px]=\"width\"\n\t[style.height.px]=\"height\"\n\t(click)=\"focusOnClick()\"\n\t(focus)=\"onStatusFocus()\"\n\t(blur)=\"onStatusBlur()\"\n\ttabindex=\"0\"\n>\n\t<div class=\"d-flex status align-items-center\">\n\t\t@if(isStatusCard) {\n\t\t\t<div class=\"w-14 h-14 br-circle margin-r-4\" >\n\t\t\t</div>\n\t\t}\n\n\t\t@for (\n\t\t\tvalue of displayString;\n\t\t\tlet index = $index;\n\t\t\ttrack index\n\t\t) {\n\t\t\t<span \n\t\t\t\tclass=\"text-size-11 status-text ca-font-bold text-uppercase\"\n\t\t\t\t[ngClass]=\"\n\t\t\t\t\tvalue | statusTextClass : index : displayString :\n\t\t\t\t\tisTitleCardDropdown : isDark : _status.id! : isNoStatesColor :\n\t\t\t\t\tisStatusCard : isStatusFocused : fontSize\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ value }}\n\t\t\t</span>\n\t\t}\n\t</div>\n\n\t@if(time) {\n\t\t<div class=\"status-time ca-font-medium text-size-11\">\n\t\t\t{{ time }}\n\t\t</div>\n\t}\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-6{padding:6px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-18{width:18px}.h-18{height:18px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-120{width:120px}.h-120{height:120px}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.status-time-container{padding:6px;border-radius:2px}.status-time-container.title-card-dropdown{padding:2px 4px}.status-time-container.status-with-time:hover{padding:0 0 0 6px}.status-time-container.status-with-time:hover .status-time{display:flex}.status-time-container.no-style{padding:0;cursor:unset}.status-time-container:focus .status-time{color:#ffffffb3}.status-text{color:#424242;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status-text-dropdown{color:#ffffffb3;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.badge{height:14px;width:14px;border-radius:1px}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold{background-color:#df3d8533}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:hover{background-color:#df3d8566}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus{background-color:#df3d85}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-black-200{background-color:#6c6c6c33}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:hover{background-color:#6c6c6c66}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus{background-color:#6c6c6c}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold{background-color:#50ac2533}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:hover{background-color:#50ac2566}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus{background-color:#50ac25}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold{background-color:#3b73ed33}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:hover{background-color:#3b73ed66}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus{background-color:#3b73ed}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold{background-color:#259f9433}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:hover{background-color:#259f9466}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus{background-color:#259f94}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold{background-color:#ff704333}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:hover{background-color:#ff704366}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus{background-color:#ff7043}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold{background-color:#cf961d33}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:hover{background-color:#cf961d66}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus{background-color:#cf961d}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold{background-color:#df3c3c33}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:hover{background-color:#df3c3c66}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus{background-color:#df3c3c}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold{background-color:#865e3a33}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:hover{background-color:#865e3a66}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus{background-color:#865e3a}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold{background-color:#9e47ec33}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:hover{background-color:#9e47ec66}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus{background-color:#9e47ec}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus .status-text{color:#fff}.dropdown-status-change.color-background-magenta-bold.is-marked{background-color:#df3d8566}.dropdown-status-change.color-background-magenta-bold:hover{background-color:#df3d85}.dropdown-status-change.color-background-black-200.is-marked{background-color:#6c6c6c66}.dropdown-status-change.color-background-black-200:hover{background-color:#6c6c6c}.dropdown-status-change.color-background-lime-bold.is-marked{background-color:#50ac2566}.dropdown-status-change.color-background-lime-bold:hover{background-color:#50ac25}.dropdown-status-change.color-background-blue-bold.is-marked{background-color:#3b73ed66}.dropdown-status-change.color-background-blue-bold:hover{background-color:#3b73ed}.dropdown-status-change.color-background-green-bold.is-marked{background-color:#259f9466}.dropdown-status-change.color-background-green-bold:hover{background-color:#259f94}.dropdown-status-change.color-background-orange-bold.is-marked{background-color:#ff704366}.dropdown-status-change.color-background-orange-bold:hover{background-color:#ff7043}.dropdown-status-change.color-background-gold-bold.is-marked{background-color:#cf961d66}.dropdown-status-change.color-background-gold-bold:hover{background-color:#cf961d}.dropdown-status-change.color-background-red-bold.is-marked{background-color:#df3c3c66}.dropdown-status-change.color-background-red-bold:hover{background-color:#df3c3c}.dropdown-status-change.color-background-brown-bold.is-marked{background-color:#865e3a66}.dropdown-status-change.color-background-brown-bold:hover{background-color:#865e3a}.dropdown-status-change.color-background-purple-bold.is-marked{background-color:#9e47ec66}.dropdown-status-change.color-background-purple-bold:hover{background-color:#9e47ec}.load-status-no-states.color-background-magenta-bold{background-color:#df3d85}.load-status-no-states.color-background-black-200{background-color:#6c6c6c}.load-status-no-states.color-background-lime-bold{background-color:#50ac25}.load-status-no-states.color-background-blue-bold{background-color:#3b73ed}.load-status-no-states.color-background-green-bold{background-color:#259f94}.load-status-no-states.color-background-orange-bold{background-color:#ff7043}.load-status-no-states.color-background-gold-bold{background-color:#cf961d}.load-status-no-states.color-background-red-bold{background-color:#df3c3c}.load-status-no-states.color-background-brown-bold{background-color:#865e3a}.load-status-no-states.color-background-purple-bold{background-color:#9e47ec}.load-status-card.color-background-magenta-bold:hover{background-color:#df3d8566}.load-status-card.color-background-magenta-bold:hover .status .br-circle{background-color:#df3d85}.load-status-card.color-background-magenta-bold:focus{background-color:#df3d85}.load-status-card.color-background-magenta-bold:focus .status-text{color:#fff}.load-status-card.color-background-magenta-bold:focus .status .br-circle{background-color:#ed93bb}.load-status-card.color-background-magenta-bold .status .br-circle{background-color:#e668a0}.load-status-card.color-background-black-200:hover{background-color:#6c6c6c66}.load-status-card.color-background-black-200:hover .status .br-circle{background-color:#919191}.load-status-card.color-background-black-200:focus{background-color:#6c6c6c}.load-status-card.color-background-black-200:focus .status-text{color:#fff}.load-status-card.color-background-black-200:focus .status .br-circle{background-color:#ccc}.load-status-card.color-background-black-200 .status .br-circle{background-color:#aaa}.load-status-card.color-background-lime-bold:hover{background-color:#50ac2566}.load-status-card.color-background-lime-bold:hover .status .br-circle{background-color:#50ac25}.load-status-card.color-background-lime-bold:focus{background-color:#50ac25}.load-status-card.color-background-lime-bold:focus .status-text{color:#fff}.load-status-card.color-background-lime-bold:focus .status .br-circle{background-color:#9ed186}.load-status-card.color-background-lime-bold .status .br-circle{background-color:#77bf56}.load-status-card.color-background-blue-bold:hover{background-color:#3b73ed66}.load-status-card.color-background-blue-bold:hover .status .br-circle{background-color:#3b73ed}.load-status-card.color-background-blue-bold:focus{background-color:#3b73ed}.load-status-card.color-background-blue-bold:focus .status-text{color:#fff}.load-status-card.color-background-blue-bold:focus .status .br-circle{background-color:#92b1f5}.load-status-card.color-background-blue-bold .status .br-circle{background-color:#6692f1}.load-status-card.color-background-green-bold:hover{background-color:#259f9466}.load-status-card.color-background-green-bold:hover .status .br-circle{background-color:#259f94}.load-status-card.color-background-green-bold:focus{background-color:#259f94}.load-status-card.color-background-green-bold:focus .status-text{color:#fff}.load-status-card.color-background-green-bold:focus .status .br-circle{background-color:#86c9c3}.load-status-card.color-background-green-bold .status .br-circle{background-color:#56b4ac}.load-status-card.color-background-orange-bold:hover{background-color:#ff704366}.load-status-card.color-background-orange-bold:hover .status .br-circle{background-color:#ff7043}.load-status-card.color-background-orange-bold:focus{background-color:#ff7043}.load-status-card.color-background-orange-bold:focus .status-text{color:#fff}.load-status-card.color-background-orange-bold:focus .status .br-circle{background-color:#ffb097}.load-status-card.color-background-orange-bold .status .br-circle{background-color:#ff906d}.load-status-card.color-background-gold-bold:hover{background-color:#cf961d66}.load-status-card.color-background-gold-bold:hover .status .br-circle{background-color:#cf961d}.load-status-card.color-background-gold-bold:focus{background-color:#cf961d}.load-status-card.color-background-gold-bold:focus .status-text{color:#fff}.load-status-card.color-background-gold-bold:focus .status .br-circle{background-color:#e4c481}.load-status-card.color-background-gold-bold .status .br-circle{background-color:#daad4f}.load-status-card.color-background-red-bold:hover{background-color:#df3c3c66}.load-status-card.color-background-red-bold:hover .status .br-circle{background-color:#df3c3c}.load-status-card.color-background-red-bold:focus{background-color:#df3c3c}.load-status-card.color-background-red-bold:focus .status-text{color:#fff}.load-status-card.color-background-red-bold:focus .status .br-circle{background-color:#ed9292}.load-status-card.color-background-red-bold .status .br-circle{background-color:#e66767}.status-time{display:none;color:#6c6c6c;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status,.status-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type:
|
|
30132
30142
|
// pipes
|
|
30133
30143
|
StatusTextClassPipe, name: "statusTextClass" }, { kind: "pipe", type: LoadStatusColorsPipe, name: "loadStatusColors" }] }); }
|
|
30134
30144
|
}
|
|
@@ -30139,7 +30149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
30139
30149
|
// pipes
|
|
30140
30150
|
StatusTextClassPipe,
|
|
30141
30151
|
LoadStatusColorsPipe,
|
|
30142
|
-
], template: "@let statusTimeContainerClass = isNoStyle ? '' : _status.id | loadStatusColors;\n\n<div \n\t#containerLoadStatus\n\tclass=\"status-time-container d-flex flex-column\"\n\t[class]=\"statusTimeContainerClass\"\n\t[class.default-hover-focus]=\"isDefaultHoverFocus\"\n\t[class.dropdown-status-change]=\"isDropdownStatusChange\"\n\t[class.is-marked]=\"isMarked\"\n\t[class.load-status-no-states]=\"isNoStatesColor\"\n\t[class.status-with-time]=\"time\"\n\t[class.no-style]=\"isNoStyle\"\n\t[class.title-card-dropdown]=\"isTitleCardDropdown\"\n\t[class.c-pointer]=\"!isNoStatesColor\"\n\t[style.width.px]=\"width\"\n\t[style.height.px]=\"height\"\n\t(click)=\"focusOnClick()\"\n\ttabindex=\"0\"\n>\n\t<div class=\"d-flex status align-items-center\">\n\t\t@for (\n\t\t\tvalue of displayString;\n\t\t\tlet index = $index;\n\t\t\ttrack index\n\t\t) {\n\t\t\t<span \n\t\t\t\tclass=\"text-size-11 status-text ca-font-bold text-uppercase\"\n\t\t\t\t[ngClass]=\"\n\t\t\t\t\tvalue | statusTextClass : index : displayString :\n\t\t\t\t\tisTitleCardDropdown : isDark : _status.id! : isNoStatesColor : fontSize\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ value }}\n\t\t\t</span>\n\t\t}\n\t</div>\n\n\t@if(time) {\n\t\t<div class=\"status-time ca-font-medium text-size-11\">\n\t\t\t{{ time }}\n\t\t</div>\n\t}\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-6{padding:6px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-18{width:18px}.h-18{height:18px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-120{width:120px}.h-120{height:120px}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.status-time-container{padding:6px;border-radius:2px}.status-time-container.title-card-dropdown{padding:2px 4px}.status-time-container.status-with-time:hover{padding:0 0 0 6px}.status-time-container.status-with-time:hover .status-time{display:flex}.status-time-container.no-style{padding:0;cursor:unset}.status-time-container:focus .status-time{color:#ffffffb3}.status-text{color:#424242;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status-text-dropdown{color:#ffffffb3;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.badge{height:14px;width:14px;border-radius:1px}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold{background-color:#df3d8533}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:hover{background-color:#df3d8566}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus{background-color:#df3d85}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-black-200{background-color:#6c6c6c33}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:hover{background-color:#6c6c6c66}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus{background-color:#6c6c6c}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold{background-color:#50ac2533}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:hover{background-color:#50ac2566}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus{background-color:#50ac25}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold{background-color:#6692f133}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:hover{background-color:#6692f166}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus{background-color:#6692f1}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold{background-color:#259f9433}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:hover{background-color:#259f9466}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus{background-color:#259f94}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold{background-color:#ff704333}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:hover{background-color:#ff704366}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus{background-color:#ff7043}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold{background-color:#cf961d33}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:hover{background-color:#cf961d66}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus{background-color:#cf961d}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold{background-color:#df3c3c33}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:hover{background-color:#df3c3c66}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus{background-color:#df3c3c}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold{background-color:#865e3a33}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:hover{background-color:#865e3a66}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus{background-color:#865e3a}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold{background-color:#9e47ec33}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:hover{background-color:#9e47ec66}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus{background-color:#9e47ec}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus .status-text{color:#fff}.dropdown-status-change.color-background-magenta-bold.is-marked{background-color:#df3d8566}.dropdown-status-change.color-background-magenta-bold:hover{background-color:#df3d85}.dropdown-status-change.color-background-black-200.is-marked{background-color:#6c6c6c66}.dropdown-status-change.color-background-black-200:hover{background-color:#6c6c6c}.dropdown-status-change.color-background-lime-bold.is-marked{background-color:#50ac2566}.dropdown-status-change.color-background-lime-bold:hover{background-color:#50ac25}.dropdown-status-change.color-background-blue-bold.is-marked{background-color:#6692f166}.dropdown-status-change.color-background-blue-bold:hover{background-color:#6692f1}.dropdown-status-change.color-background-green-bold.is-marked{background-color:#259f9466}.dropdown-status-change.color-background-green-bold:hover{background-color:#259f94}.dropdown-status-change.color-background-orange-bold.is-marked{background-color:#ff704366}.dropdown-status-change.color-background-orange-bold:hover{background-color:#ff7043}.dropdown-status-change.color-background-gold-bold.is-marked{background-color:#cf961d66}.dropdown-status-change.color-background-gold-bold:hover{background-color:#cf961d}.dropdown-status-change.color-background-red-bold.is-marked{background-color:#df3c3c66}.dropdown-status-change.color-background-red-bold:hover{background-color:#df3c3c}.dropdown-status-change.color-background-brown-bold.is-marked{background-color:#865e3a66}.dropdown-status-change.color-background-brown-bold:hover{background-color:#865e3a}.dropdown-status-change.color-background-purple-bold.is-marked{background-color:#9e47ec66}.dropdown-status-change.color-background-purple-bold:hover{background-color:#9e47ec}.load-status-no-states.color-background-magenta-bold{background-color:#df3d85}.load-status-no-states.color-background-black-200{background-color:#6c6c6c}.load-status-no-states.color-background-lime-bold{background-color:#50ac25}.load-status-no-states.color-background-blue-bold{background-color:#6692f1}.load-status-no-states.color-background-green-bold{background-color:#259f94}.load-status-no-states.color-background-orange-bold{background-color:#ff7043}.load-status-no-states.color-background-gold-bold{background-color:#cf961d}.load-status-no-states.color-background-red-bold{background-color:#df3c3c}.load-status-no-states.color-background-brown-bold{background-color:#865e3a}.load-status-no-states.color-background-purple-bold{background-color:#9e47ec}.status-time{display:none;color:#6c6c6c;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status,.status-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}\n"] }]
|
|
30152
|
+
], template: "@let statusTimeContainerClass = isNoStyle ? '' : _status.id | loadStatusColors;\n\n<div \n\t#containerLoadStatus\n\tclass=\"status-time-container d-flex flex-column\"\n\t[class]=\"statusTimeContainerClass\"\n\t[class.default-hover-focus]=\"isDefaultHoverFocus\"\n\t[class.dropdown-status-change]=\"isDropdownStatusChange\"\n\t[class.is-marked]=\"isMarked\"\n\t[class.load-status-no-states]=\"isNoStatesColor\"\n\t[class.status-with-time]=\"time\"\n\t[class.no-style]=\"isNoStyle\"\n\t[class.title-card-dropdown]=\"isTitleCardDropdown\"\n\t[class.c-pointer]=\"!isNoStatesColor\"\n\t[class.load-status-card]=\"isStatusCard\"\n\t[class.p-1]=\"isStatusCard\"\n\t[style.width.px]=\"width\"\n\t[style.height.px]=\"height\"\n\t(click)=\"focusOnClick()\"\n\t(focus)=\"onStatusFocus()\"\n\t(blur)=\"onStatusBlur()\"\n\ttabindex=\"0\"\n>\n\t<div class=\"d-flex status align-items-center\">\n\t\t@if(isStatusCard) {\n\t\t\t<div class=\"w-14 h-14 br-circle margin-r-4\" >\n\t\t\t</div>\n\t\t}\n\n\t\t@for (\n\t\t\tvalue of displayString;\n\t\t\tlet index = $index;\n\t\t\ttrack index\n\t\t) {\n\t\t\t<span \n\t\t\t\tclass=\"text-size-11 status-text ca-font-bold text-uppercase\"\n\t\t\t\t[ngClass]=\"\n\t\t\t\t\tvalue | statusTextClass : index : displayString :\n\t\t\t\t\tisTitleCardDropdown : isDark : _status.id! : isNoStatesColor :\n\t\t\t\t\tisStatusCard : isStatusFocused : fontSize\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ value }}\n\t\t\t</span>\n\t\t}\n\t</div>\n\n\t@if(time) {\n\t\t<div class=\"status-time ca-font-medium text-size-11\">\n\t\t\t{{ time }}\n\t\t</div>\n\t}\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-6{padding:6px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-18{width:18px}.h-18{height:18px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-120{width:120px}.h-120{height:120px}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.status-time-container{padding:6px;border-radius:2px}.status-time-container.title-card-dropdown{padding:2px 4px}.status-time-container.status-with-time:hover{padding:0 0 0 6px}.status-time-container.status-with-time:hover .status-time{display:flex}.status-time-container.no-style{padding:0;cursor:unset}.status-time-container:focus .status-time{color:#ffffffb3}.status-text{color:#424242;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status-text-dropdown{color:#ffffffb3;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.badge{height:14px;width:14px;border-radius:1px}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold{background-color:#df3d8533}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:hover{background-color:#df3d8566}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus{background-color:#df3d85}.default-hover-focus:not(.dropdown-status-change).color-background-magenta-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-black-200{background-color:#6c6c6c33}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:hover{background-color:#6c6c6c66}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus{background-color:#6c6c6c}.default-hover-focus:not(.dropdown-status-change).color-background-black-200:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold{background-color:#50ac2533}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:hover{background-color:#50ac2566}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus{background-color:#50ac25}.default-hover-focus:not(.dropdown-status-change).color-background-lime-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold{background-color:#3b73ed33}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:hover{background-color:#3b73ed66}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus{background-color:#3b73ed}.default-hover-focus:not(.dropdown-status-change).color-background-blue-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold{background-color:#259f9433}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:hover{background-color:#259f9466}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus{background-color:#259f94}.default-hover-focus:not(.dropdown-status-change).color-background-green-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold{background-color:#ff704333}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:hover{background-color:#ff704366}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus{background-color:#ff7043}.default-hover-focus:not(.dropdown-status-change).color-background-orange-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold{background-color:#cf961d33}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:hover{background-color:#cf961d66}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus{background-color:#cf961d}.default-hover-focus:not(.dropdown-status-change).color-background-gold-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold{background-color:#df3c3c33}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:hover{background-color:#df3c3c66}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus{background-color:#df3c3c}.default-hover-focus:not(.dropdown-status-change).color-background-red-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold{background-color:#865e3a33}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:hover{background-color:#865e3a66}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus{background-color:#865e3a}.default-hover-focus:not(.dropdown-status-change).color-background-brown-bold:focus .status-text{color:#fff}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold{background-color:#9e47ec33}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:hover{background-color:#9e47ec66}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus{background-color:#9e47ec}.default-hover-focus:not(.dropdown-status-change).color-background-purple-bold:focus .status-text{color:#fff}.dropdown-status-change.color-background-magenta-bold.is-marked{background-color:#df3d8566}.dropdown-status-change.color-background-magenta-bold:hover{background-color:#df3d85}.dropdown-status-change.color-background-black-200.is-marked{background-color:#6c6c6c66}.dropdown-status-change.color-background-black-200:hover{background-color:#6c6c6c}.dropdown-status-change.color-background-lime-bold.is-marked{background-color:#50ac2566}.dropdown-status-change.color-background-lime-bold:hover{background-color:#50ac25}.dropdown-status-change.color-background-blue-bold.is-marked{background-color:#3b73ed66}.dropdown-status-change.color-background-blue-bold:hover{background-color:#3b73ed}.dropdown-status-change.color-background-green-bold.is-marked{background-color:#259f9466}.dropdown-status-change.color-background-green-bold:hover{background-color:#259f94}.dropdown-status-change.color-background-orange-bold.is-marked{background-color:#ff704366}.dropdown-status-change.color-background-orange-bold:hover{background-color:#ff7043}.dropdown-status-change.color-background-gold-bold.is-marked{background-color:#cf961d66}.dropdown-status-change.color-background-gold-bold:hover{background-color:#cf961d}.dropdown-status-change.color-background-red-bold.is-marked{background-color:#df3c3c66}.dropdown-status-change.color-background-red-bold:hover{background-color:#df3c3c}.dropdown-status-change.color-background-brown-bold.is-marked{background-color:#865e3a66}.dropdown-status-change.color-background-brown-bold:hover{background-color:#865e3a}.dropdown-status-change.color-background-purple-bold.is-marked{background-color:#9e47ec66}.dropdown-status-change.color-background-purple-bold:hover{background-color:#9e47ec}.load-status-no-states.color-background-magenta-bold{background-color:#df3d85}.load-status-no-states.color-background-black-200{background-color:#6c6c6c}.load-status-no-states.color-background-lime-bold{background-color:#50ac25}.load-status-no-states.color-background-blue-bold{background-color:#3b73ed}.load-status-no-states.color-background-green-bold{background-color:#259f94}.load-status-no-states.color-background-orange-bold{background-color:#ff7043}.load-status-no-states.color-background-gold-bold{background-color:#cf961d}.load-status-no-states.color-background-red-bold{background-color:#df3c3c}.load-status-no-states.color-background-brown-bold{background-color:#865e3a}.load-status-no-states.color-background-purple-bold{background-color:#9e47ec}.load-status-card.color-background-magenta-bold:hover{background-color:#df3d8566}.load-status-card.color-background-magenta-bold:hover .status .br-circle{background-color:#df3d85}.load-status-card.color-background-magenta-bold:focus{background-color:#df3d85}.load-status-card.color-background-magenta-bold:focus .status-text{color:#fff}.load-status-card.color-background-magenta-bold:focus .status .br-circle{background-color:#ed93bb}.load-status-card.color-background-magenta-bold .status .br-circle{background-color:#e668a0}.load-status-card.color-background-black-200:hover{background-color:#6c6c6c66}.load-status-card.color-background-black-200:hover .status .br-circle{background-color:#919191}.load-status-card.color-background-black-200:focus{background-color:#6c6c6c}.load-status-card.color-background-black-200:focus .status-text{color:#fff}.load-status-card.color-background-black-200:focus .status .br-circle{background-color:#ccc}.load-status-card.color-background-black-200 .status .br-circle{background-color:#aaa}.load-status-card.color-background-lime-bold:hover{background-color:#50ac2566}.load-status-card.color-background-lime-bold:hover .status .br-circle{background-color:#50ac25}.load-status-card.color-background-lime-bold:focus{background-color:#50ac25}.load-status-card.color-background-lime-bold:focus .status-text{color:#fff}.load-status-card.color-background-lime-bold:focus .status .br-circle{background-color:#9ed186}.load-status-card.color-background-lime-bold .status .br-circle{background-color:#77bf56}.load-status-card.color-background-blue-bold:hover{background-color:#3b73ed66}.load-status-card.color-background-blue-bold:hover .status .br-circle{background-color:#3b73ed}.load-status-card.color-background-blue-bold:focus{background-color:#3b73ed}.load-status-card.color-background-blue-bold:focus .status-text{color:#fff}.load-status-card.color-background-blue-bold:focus .status .br-circle{background-color:#92b1f5}.load-status-card.color-background-blue-bold .status .br-circle{background-color:#6692f1}.load-status-card.color-background-green-bold:hover{background-color:#259f9466}.load-status-card.color-background-green-bold:hover .status .br-circle{background-color:#259f94}.load-status-card.color-background-green-bold:focus{background-color:#259f94}.load-status-card.color-background-green-bold:focus .status-text{color:#fff}.load-status-card.color-background-green-bold:focus .status .br-circle{background-color:#86c9c3}.load-status-card.color-background-green-bold .status .br-circle{background-color:#56b4ac}.load-status-card.color-background-orange-bold:hover{background-color:#ff704366}.load-status-card.color-background-orange-bold:hover .status .br-circle{background-color:#ff7043}.load-status-card.color-background-orange-bold:focus{background-color:#ff7043}.load-status-card.color-background-orange-bold:focus .status-text{color:#fff}.load-status-card.color-background-orange-bold:focus .status .br-circle{background-color:#ffb097}.load-status-card.color-background-orange-bold .status .br-circle{background-color:#ff906d}.load-status-card.color-background-gold-bold:hover{background-color:#cf961d66}.load-status-card.color-background-gold-bold:hover .status .br-circle{background-color:#cf961d}.load-status-card.color-background-gold-bold:focus{background-color:#cf961d}.load-status-card.color-background-gold-bold:focus .status-text{color:#fff}.load-status-card.color-background-gold-bold:focus .status .br-circle{background-color:#e4c481}.load-status-card.color-background-gold-bold .status .br-circle{background-color:#daad4f}.load-status-card.color-background-red-bold:hover{background-color:#df3c3c66}.load-status-card.color-background-red-bold:hover .status .br-circle{background-color:#df3c3c}.load-status-card.color-background-red-bold:focus{background-color:#df3c3c}.load-status-card.color-background-red-bold:focus .status-text{color:#fff}.load-status-card.color-background-red-bold:focus .status .br-circle{background-color:#ed9292}.load-status-card.color-background-red-bold .status .br-circle{background-color:#e66767}.status-time{display:none;color:#6c6c6c;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.status,.status-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}\n"] }]
|
|
30143
30153
|
}], ctorParameters: () => [], propDecorators: { containerLoadStatus: [{
|
|
30144
30154
|
type: ViewChild,
|
|
30145
30155
|
args: ['containerLoadStatus']
|
|
@@ -30167,6 +30177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
30167
30177
|
type: Input
|
|
30168
30178
|
}], isNoStatesColor: [{
|
|
30169
30179
|
type: Input
|
|
30180
|
+
}], isStatusCard: [{
|
|
30181
|
+
type: Input
|
|
30170
30182
|
}] } });
|
|
30171
30183
|
|
|
30172
30184
|
var eSearchMultipleStateAction;
|
|
@@ -30832,7 +30844,7 @@ class CaLoadStatusLogComponent {
|
|
|
30832
30844
|
// Modules
|
|
30833
30845
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
30834
30846
|
// Components
|
|
30835
|
-
CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor"] }, { kind: "pipe", type:
|
|
30847
|
+
CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor", "isStatusCard"] }, { kind: "pipe", type:
|
|
30836
30848
|
// Pipes
|
|
30837
30849
|
LoadStatusBackgroundColorPipe, name: "loadStatusBackgroundColor" }, { kind: "pipe", type: FormatDurationPipe, name: "formatDuration" }, { kind: "pipe", type: DateToTimeFromBackendPipe, name: "dateToTimeFromBackend" }, { kind: "pipe", type: DateFromBackendPipe, name: "dateFromBackend" }] }); }
|
|
30838
30850
|
}
|
|
@@ -30873,7 +30885,7 @@ class CaStatusChangeDropdownComponent {
|
|
|
30873
30885
|
// Modules
|
|
30874
30886
|
AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
30875
30887
|
// Components
|
|
30876
|
-
CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor"] }] }); }
|
|
30888
|
+
CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor", "isStatusCard"] }] }); }
|
|
30877
30889
|
}
|
|
30878
30890
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaStatusChangeDropdownComponent, decorators: [{
|
|
30879
30891
|
type: Component,
|