ca-components 2.0.51 → 2.0.52
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.
|
@@ -21127,7 +21127,8 @@ class MapMarkerIconService {
|
|
|
21127
21127
|
this.renderer.addClass(markerLabelElement, 'marker-label');
|
|
21128
21128
|
const markerLabelText = this.renderer.createElement('div');
|
|
21129
21129
|
this.renderer.addClass(markerLabelElement, 'marker-label-text');
|
|
21130
|
-
|
|
21130
|
+
const labelText = isAlwaysSelected ? labelName : labelName.toUpperCase();
|
|
21131
|
+
this.renderer.setProperty(markerLabelText, 'innerHTML', labelText);
|
|
21131
21132
|
this.renderer.appendChild(markerLabelElement, markerLabelText);
|
|
21132
21133
|
if (secondLabelName) {
|
|
21133
21134
|
const secondLabelElement = this.renderer.createElement('div');
|
|
@@ -21362,6 +21363,7 @@ class CaMapComponent {
|
|
|
21362
21363
|
}
|
|
21363
21364
|
this.sendBoundsChangedEvent();
|
|
21364
21365
|
this.getMapIdleEvent(mapInstance);
|
|
21366
|
+
this.setMapStyles();
|
|
21365
21367
|
}
|
|
21366
21368
|
onClusterBackButtonClick() {
|
|
21367
21369
|
this.resetSelectedMarkerItem.emit(true);
|
|
@@ -21486,7 +21488,7 @@ class CaMapComponent {
|
|
|
21486
21488
|
...(this.mapData.clusterMarkers ?? []),
|
|
21487
21489
|
...(this.mapData.markers ?? []),
|
|
21488
21490
|
];
|
|
21489
|
-
if (!allMarkersCombined?.length || !this.map)
|
|
21491
|
+
if (!allMarkersCombined?.length || !this.map || this.isMapCenterSet)
|
|
21490
21492
|
return;
|
|
21491
21493
|
const mapCenterAndBounds = MapHelper.getMapCenterAndZoom(allMarkersCombined);
|
|
21492
21494
|
if (mapCenterAndBounds.bounds) {
|
|
@@ -21653,12 +21655,7 @@ class CaMapComponent {
|
|
|
21653
21655
|
if (this.mapData.routePaths?.length !== this.routePathColors.length)
|
|
21654
21656
|
this.storeRoutePathColors();
|
|
21655
21657
|
this.areaFilterData = this.mapData.areaFilterData || null;
|
|
21656
|
-
|
|
21657
|
-
if (newData.markers?.length ||
|
|
21658
|
-
newData.clusterMarkers?.length ||
|
|
21659
|
-
newData.routingMarkers?.length)
|
|
21660
|
-
this.setMapStyles();
|
|
21661
|
-
}
|
|
21658
|
+
this.setMapStyles();
|
|
21662
21659
|
// Display routes for routingMarkers
|
|
21663
21660
|
this.calculateAndDisplayRoute();
|
|
21664
21661
|
setTimeout(() => this.addHoverListeners(), 0);
|
|
@@ -21778,7 +21775,7 @@ class CaMapComponent {
|
|
|
21778
21775
|
this.destroy$.complete();
|
|
21779
21776
|
}
|
|
21780
21777
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21781
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 }, { propertyName: "mapMarkers", predicate: MapAdvancedMarker, 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 [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 z-1\"\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 z-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{-webkit-user-select:none;user-select:none}.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:
|
|
21778
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 }, { propertyName: "mapMarkers", predicate: MapAdvancedMarker, 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 [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 z-1\"\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 z-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% + 6px);font-weight:700!important}.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{-webkit-user-select:none;user-select:none}.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:
|
|
21782
21779
|
// Modules
|
|
21783
21780
|
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:
|
|
21784
21781
|
// Components
|
|
@@ -21795,7 +21792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
21795
21792
|
// Components
|
|
21796
21793
|
CaMapDropdownComponent,
|
|
21797
21794
|
CaAppTooltipV2Component,
|
|
21798
|
-
], encapsulation: ViewEncapsulation.None, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\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 z-1\"\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 z-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{-webkit-user-select:none;user-select:none}.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"] }]
|
|
21795
|
+
], encapsulation: ViewEncapsulation.None, template: "<google-map\n class=\"position-relative\"\n [class.dark-mode-map]=\"mapData.darkMode\"\n height=\"100%\"\n width=\"100%\"\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 z-1\"\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 z-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% + 6px);font-weight:700!important}.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{-webkit-user-select:none;user-select:none}.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"] }]
|
|
21799
21796
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MapMarkerIconService }], propDecorators: { maps: [{
|
|
21800
21797
|
type: ViewChild,
|
|
21801
21798
|
args: [GoogleMap, { static: false }]
|
|
@@ -34107,7 +34104,7 @@ class CaModalItemsComponent {
|
|
|
34107
34104
|
}
|
|
34108
34105
|
onItemsRowReorder() { }
|
|
34109
34106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaModalItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"!hasNoCardVariation\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 margin-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white': group.valid,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\n</ng-template>\n", 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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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,-4px)}.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)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.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-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!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-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!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-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!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-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::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-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!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-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!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}.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}.line-height-15{line-height:15px!important}.svg-fill-dark-2 svg path,.svg-fill-dark-2 svg circle{fill:#91919133!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!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-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!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-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!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-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!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-fill-first-path-child-green svg path:first-child{fill:#56b4ac!important}.svg-fill-first-path-child-green-6 svg path:first-child{fill:#77bf56!important}.svg-fill-first-path-child-yellow-1 svg path:first-child{fill:#fab15c!important}.svg-fill-first-path-child-orange-4 svg path:first-child{fill:#ff906d!important}.svg-fill-first-path-child-red-10 svg path:first-child{fill:#e66767!important}.svg-fill-first-path-child-light-grey-2 svg path:first-child{fill:#aaa!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 svg path{transition:fill .3s ease-in-out}.svg-hover-grey: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-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!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-7 svg{width:7px;height:7px}.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-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.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-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.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-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.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-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!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-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!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-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-light-grey-5{transition:background-color .3s ease-in-out}.background-hover-light-grey-5:hover{background-color:#f7f7f7!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!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-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-8{padding:8px}.padding-l-8{padding-left:8px}.padding-r-8{padding-right:8px}.padding-t-8{padding-top:8px}.padding-b-8{padding-bottom:8px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.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-y-8{padding-top:8px;padding-bottom:8px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.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}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.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--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-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-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.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-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.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:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!important}.right-100{right:100%}.left-100{left:100%}.top--14{top:-14px}@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}}.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}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-28{height:28px!important;min-height:28px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-118{width:118px!important;min-width:118px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{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}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"!hasNoCardVariation\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 margin-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\n</ng-template>\n", 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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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,-4px)}.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)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.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-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!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-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!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-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!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-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::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-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!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-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!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}.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}.line-height-15{line-height:15px!important}.svg-fill-dark-2 svg path,.svg-fill-dark-2 svg circle{fill:#91919133!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!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-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!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-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!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-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!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-fill-first-path-child-green svg path:first-child{fill:#56b4ac!important}.svg-fill-first-path-child-green-6 svg path:first-child{fill:#77bf56!important}.svg-fill-first-path-child-yellow-1 svg path:first-child{fill:#fab15c!important}.svg-fill-first-path-child-orange-4 svg path:first-child{fill:#ff906d!important}.svg-fill-first-path-child-red-10 svg path:first-child{fill:#e66767!important}.svg-fill-first-path-child-light-grey-2 svg path:first-child{fill:#aaa!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 svg path{transition:fill .3s ease-in-out}.svg-hover-grey: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-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!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-7 svg{width:7px;height:7px}.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-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.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-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.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-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.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-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!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-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!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-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-light-grey-5{transition:background-color .3s ease-in-out}.background-hover-light-grey-5:hover{background-color:#f7f7f7!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!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-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-8{padding:8px}.padding-l-8{padding-left:8px}.padding-r-8{padding-right:8px}.padding-t-8{padding-top:8px}.padding-b-8{padding-bottom:8px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.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-y-8{padding-top:8px;padding-bottom:8px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.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}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.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--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-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-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.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-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.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:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!important}.right-100{right:100%}.left-100{left:100%}.top--14{top:-14px}@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}}.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}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-28{height:28px!important;min-height:28px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-118{width:118px!important;min-width:118px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{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}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34111
34108
|
// components
|
|
34112
34109
|
CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "cardSubText", "hasArrow", "hasPlusIcon", "isPlusIconDisabled", "plusIconTooltip", "isHeaderSvgEnabled", "counter", "hasDivider", "hasBodyData", "hasScrollBody", "isStayOpen", "isDisabledCard", "isHeaderHidden", "animationMarginParams", "isCardOpen", "customClass", "customNameClass", "customDividerClass"], outputs: ["onActionEvent", "onOpenCard"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
34113
34110
|
// pipes
|
|
@@ -34126,7 +34123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
34126
34123
|
ModalItemsHeaderClassPipe,
|
|
34127
34124
|
// directives
|
|
34128
34125
|
ScrollShadowBorderDirective,
|
|
34129
|
-
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"!hasNoCardVariation\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 margin-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white': group.valid,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\n</ng-template>\n", 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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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,-4px)}.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)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.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-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!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-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!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-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!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-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::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-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!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-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!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}.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}.line-height-15{line-height:15px!important}.svg-fill-dark-2 svg path,.svg-fill-dark-2 svg circle{fill:#91919133!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!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-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!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-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!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-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!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-fill-first-path-child-green svg path:first-child{fill:#56b4ac!important}.svg-fill-first-path-child-green-6 svg path:first-child{fill:#77bf56!important}.svg-fill-first-path-child-yellow-1 svg path:first-child{fill:#fab15c!important}.svg-fill-first-path-child-orange-4 svg path:first-child{fill:#ff906d!important}.svg-fill-first-path-child-red-10 svg path:first-child{fill:#e66767!important}.svg-fill-first-path-child-light-grey-2 svg path:first-child{fill:#aaa!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 svg path{transition:fill .3s ease-in-out}.svg-hover-grey: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-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!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-7 svg{width:7px;height:7px}.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-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.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-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.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-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.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-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!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-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!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-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-light-grey-5{transition:background-color .3s ease-in-out}.background-hover-light-grey-5:hover{background-color:#f7f7f7!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!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-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-8{padding:8px}.padding-l-8{padding-left:8px}.padding-r-8{padding-right:8px}.padding-t-8{padding-top:8px}.padding-b-8{padding-bottom:8px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.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-y-8{padding-top:8px;padding-bottom:8px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.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}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.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--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-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-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.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-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.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:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!important}.right-100{right:100%}.left-100{left:100%}.top--14{top:-14px}@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}}.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}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-28{height:28px!important;min-height:28px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-118{width:118px!important;min-width:118px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{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}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"] }]
|
|
34126
|
+
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"!hasNoCardVariation\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 margin-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\n</ng-template>\n", 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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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,-4px)}.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)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.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-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!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-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!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-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!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-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::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-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!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-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!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}.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}.line-height-15{line-height:15px!important}.svg-fill-dark-2 svg path,.svg-fill-dark-2 svg circle{fill:#91919133!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!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-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!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-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!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-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!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-fill-first-path-child-green svg path:first-child{fill:#56b4ac!important}.svg-fill-first-path-child-green-6 svg path:first-child{fill:#77bf56!important}.svg-fill-first-path-child-yellow-1 svg path:first-child{fill:#fab15c!important}.svg-fill-first-path-child-orange-4 svg path:first-child{fill:#ff906d!important}.svg-fill-first-path-child-red-10 svg path:first-child{fill:#e66767!important}.svg-fill-first-path-child-light-grey-2 svg path:first-child{fill:#aaa!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 svg path{transition:fill .3s ease-in-out}.svg-hover-grey: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-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!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-7 svg{width:7px;height:7px}.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-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.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-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.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-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.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-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!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-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!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-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-light-grey-5{transition:background-color .3s ease-in-out}.background-hover-light-grey-5:hover{background-color:#f7f7f7!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!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-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-8{padding:8px}.padding-l-8{padding-left:8px}.padding-r-8{padding-right:8px}.padding-t-8{padding-top:8px}.padding-b-8{padding-bottom:8px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.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-y-8{padding-top:8px;padding-bottom:8px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.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}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.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--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-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-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.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-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.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:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!important}.right-100{right:100%}.left-100{left:100%}.top--14{top:-14px}@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}}.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}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-28{height:28px!important;min-height:28px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-118{width:118px!important;min-width:118px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{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}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"] }]
|
|
34130
34127
|
}], ctorParameters: () => [], propDecorators: { itemsConfig: [{
|
|
34131
34128
|
type: Input
|
|
34132
34129
|
}], itemsRowTemplate: [{
|