ca-components 1.0.76 → 1.0.78

package/fesm2022/ca-components.mjs

@@ -7,8 +7,8 @@ import { NgbModule, NgbPopover, NgbDropdownConfig, NgbPopoverModule, NgbTooltipM
 import * as i2 from 'angular-svg-icon';
 import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
 import { trigger, transition, style, animate, state, keyframes, query, group } from '@angular/animations';
-import { Subject, takeUntil, BehaviorSubject, combineLatest, debounceTime, skip, distinctUntilChanged as distinctUntilChanged$1, throttleTime, filter, switchMap, of, from, Observable, catchError, map } from 'rxjs';
-import * as i1$4 from '@angular/common/http';
+import { Subject, takeUntil, BehaviorSubject, combineLatest, debounceTime, skip, distinctUntilChanged as distinctUntilChanged$1, tap, filter, switchMap, of, catchError, from, Observable, map } from 'rxjs';
+import * as i1$3 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, Validators, FormControl } from '@angular/forms';
@@ -22,8 +22,8 @@ import { NgxMaskModule } from 'ngx-mask';
 import * as i2$1 from '@angular-slider/ngx-slider';
 import { NgxSliderModule } from '@angular-slider/ngx-slider';
 import * as i1$2 from '@angular/platform-browser';
-import * as i1$3 from '@angular/google-maps';
-import { GoogleMap, MapInfoWindow, GoogleMapsModule } from '@angular/google-maps';
+import * as i2$2 from '@angular/google-maps';
+import { GoogleMap, GoogleMapsModule } from '@angular/google-maps';
 import { provideLottieOptions, AnimationLoader, LottieComponent } from 'ngx-lottie';
 import player from 'lottie-web';
 import * as i3$2 from '@angular/cdk/drag-drop';
@@ -31,10 +31,10 @@ import { moveItemInArray, transferArrayItem, DragDropModule, CdkDropList, CdkDra
 import * as i8 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
 import { ImageCropperComponent } from 'ngx-image-cropper';
-import * as i1$5 from '@angular/cdk/clipboard';
+import * as i1$4 from '@angular/cdk/clipboard';
 import { Chart } from 'chart.js/auto';
 import annotationPlugin from 'chartjs-plugin-annotation';
-import * as i2$2 from '@angular/cdk/observers';
+import * as i2$3 from '@angular/cdk/observers';
 import { ObserversModule } from '@angular/cdk/observers';
 
 class NameInitialsPipe {
@@ -12910,6 +12910,12 @@ var InputAddressLayersStringEnum;
     InputAddressLayersStringEnum["LOCALITY"] = "Locality";
 })(InputAddressLayersStringEnum || (InputAddressLayersStringEnum = {}));
 
+var eInputBasicString;
+(function (eInputBasicString) {
+    eInputBasicString["SMALL"] = "small";
+    eInputBasicString["WHITE"] = "white";
+})(eInputBasicString || (eInputBasicString = {}));
+
 class CaInputAddressDropdownComponent {
     set placeholderType(value) {
         this.checkSearchLayers(value);
@@ -13002,7 +13008,16 @@ class CaInputAddressDropdownComponent {
     }
     initChangesListener() {
         this.getSuperControl?.valueChanges
-            ?.pipe(distinctUntilChanged$1(), throttleTime(1), takeUntil(this.destroy$), filter((term) => {
+            ?.pipe(distinctUntilChanged$1(), takeUntil(this.destroy$), tap((term) => {
+            this.inputConfig = {
+                ...this.inputConfig,
+                loadingSpinner: {
+                    ...this.inputConfig.loadingSpinner,
+                    isLoading: true,
+                    size: eInputBasicString.SMALL,
+                    color: eInputBasicString.WHITE,
+                },
+            };
             if (!term) {
                 this.inputConfig = {
                     ...this.inputConfig,
@@ -13013,7 +13028,7 @@ class CaInputAddressDropdownComponent {
                 };
                 this.addresList = [];
             }
-            else if (term != this.currentAddressData?.address.address &&
+            else if (term !== this.currentAddressData?.address.address &&
                 this.inputConfig.name ===
                     InputAddressTypeStringEnum.ROUTING_ADDRESS) {
                 this.currentAddressData = null;
@@ -13031,40 +13046,29 @@ class CaInputAddressDropdownComponent {
                 this.selectedAddress.emit(addressData);
             }
             this.allowValidation = true;
+        }), filter((term) => {
             return term?.length >= 3;
-        }), switchMap((query) => {
-            this.inputConfig = {
-                ...this.inputConfig,
-                loadingSpinner: {
-                    ...this.inputConfig.loadingSpinner,
-                    isLoading: true,
-                    size: 'small',
-                    color: 'white',
-                },
-            };
+        }), debounceTime(500), switchMap((query) => {
             const params = {
-                query,
+                query: query,
                 searchLayers: this.searchLayers,
                 closedBorder: this.closedBorder,
             };
             this.sentAddressData.next(params);
-            return of(this.receivedAddressList);
+            return of(this.receivedAddressList).pipe(catchError(() => of([])));
         }))
             .subscribe(() => {
             let isValid = true;
             if (this.searchLayers[0] ===
                 InputAddressLayersStringEnum.ADDRESS) {
                 const address = this._activeAddress?.address;
-                if (address) {
+                if (address)
                     isValid = this.checkAddressValidation(address);
-                }
             }
-            if (!this._activeAddress || !isValid) {
+            if (!this._activeAddress || !isValid)
                 this.getSuperControl.setErrors({ invalid: true });
-            }
-            else {
+            else
                 this.getSuperControl.setErrors(null);
-            }
             this.inputConfig = {
                 ...this.inputConfig,
                 loadingSpinner: {
@@ -14017,6 +14021,7 @@ var GoogleMapEnum;
     GoogleMapEnum[GoogleMapEnum["STROKE_OPACITY"] = 0.4] = "STROKE_OPACITY";
     GoogleMapEnum["STROKE_COLOR"] = "blue";
     GoogleMapEnum[GoogleMapEnum["STROKE_WEIGHT"] = 4] = "STROKE_WEIGHT";
+    GoogleMapEnum["DARK_MAP"] = "dark_map";
 })(GoogleMapEnum || (GoogleMapEnum = {}));
 
 var MapMarkerStringEnum;
@@ -14029,6 +14034,7 @@ var MapMarkerStringEnum;
     MapMarkerStringEnum["DARK"] = "dark";
     MapMarkerStringEnum["LIGHT"] = "light";
     MapMarkerStringEnum["WHITE"] = "white";
+    MapMarkerStringEnum["SELECTED"] = "selected";
 })(MapMarkerStringEnum || (MapMarkerStringEnum = {}));
 
 class CaCollapsibleFilterComponent {
@@ -14848,7 +14854,9 @@ class CaMapDropdownComponent {
         this.isShowAllDaysActive = false;
         this.data = taDetailDropdownJson.taDetailDropDown;
     }
-    showHiddenData() {
+    showHiddenData(event) {
+        event.preventDefault();
+        event.stopPropagation();
         this.isHidden = !this.isHidden;
     }
     callBodyAction(action) {
@@ -14861,25 +14869,37 @@ class CaMapDropdownComponent {
         if (item?.id)
             this.onClusterItemClick?.emit(item.id);
     }
-    backButtonClick() {
+    backButtonClick(event) {
+        event.stopPropagation();
         this.onBackButtonClick.emit();
     }
     showAllDaysClick() {
         this.isShowAllDaysActive = !this.isShowAllDaysActive;
     }
     onClusterListScroll(event) {
-        const eventTarget = event?.target;
-        if (eventTarget?.offsetHeight + eventTarget?.scrollTop >=
-            eventTarget?.scrollHeight)
-            this.onClusterListScrollToEnd.emit();
+        this.stopMapZoom(event);
+        if (this.infoWindowContent?.clusterData &&
+            this.infoWindowContent?.clusterData?.length >= 25) {
+            const scrollElement = document.querySelector('.cluster-marker-container');
+            if (scrollElement?.offsetHeight + scrollElement?.scrollTop >=
+                scrollElement?.scrollHeight - 105)
+                this.onClusterListScrollToEnd.emit();
+        }
+    }
+    stopMapZoom(event) {
+        event.stopPropagation();
+    }
+    dropdownClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
     }
     identity(index) {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { infoWindowContent: "infoWindowContent", markerData: "markerData" }, outputs: { onClusterItemClick: "onClusterItemClick", onClusterListScrollToEnd: "onClusterListScrollToEnd", onBackButtonClick: "onBackButtonClick", bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\n          <!-- <app-ca-details-dropdown\n             #detailsDropdown\n             [options]=\"data\"\n             [placement]=\"'right-top'\"\n             [id]=\"item?.id\"\n             [data]=\"item\"\n             [customClassDropDown]=\"\n                 'map-list-card-dropdown marker-dropdown-popover'\n             \"\n             (dropDownActions)=\"callBodyAction($event)\"\n         ></app-ca-details-dropdown> -->\n        </div>\n      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { infoWindowContent: "infoWindowContent", markerData: "markerData" }, outputs: { onClusterItemClick: "onClusterItemClick", onClusterListScrollToEnd: "onClusterListScrollToEnd", onBackButtonClick: "onBackButtonClick", bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"infoWindowContent\">\n    <ng-container\n        *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\"\n    >\n        <ng-container\n            *ngIf=\"\n                infoWindowContent?.selectedClusterItemData;\n                else clusterDataListTemplate\n            \"\n        >\n            <div\n                class=\"marker-container relative\"\n                [class.expanded]=\"!isHidden\"\n                (click)=\"dropdownClick($event)\"\n                (mousewheel)=\"stopMapZoom($event)\"\n            >\n                @for (\n                    item of infoWindowContent.selectedClusterItemData\n                        .mainContent;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dropdownContentTemplate;\n                            context: {\n                                content: item,\n                                data: infoWindowContent?.selectedClusterItemData\n                                    .data,\n                            }\n                        \"\n                    ></ng-container>\n                }\n\n                <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n                    @for (\n                        item of infoWindowContent.selectedClusterItemData\n                            .expandedContent;\n                        let i = $index;\n                        track identity\n                    ) {\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentTemplate;\n                                context: {\n                                    content: item,\n                                    data: infoWindowContent\n                                        ?.selectedClusterItemData.data,\n                                }\n                            \"\n                        ></ng-container>\n                    }\n                </div>\n\n                <div\n                    class=\"dropdown-arrow align-self-end\"\n                    [class.rotate-arrow]=\"!isHidden\"\n                >\n                    <svg-icon\n                        [src]=\"getSvgPath('cornerDownArrowRoute')\"\n                        (click)=\"showHiddenData($event)\"\n                    ></svg-icon>\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #clusterDataListTemplate>\n            <div\n                class=\"cluster-marker-container d-flex flex-column gap-1\"\n                (click)=\"dropdownClick($event)\"\n                (mousewheel)=\"onClusterListScroll($event)\"\n            >\n                @for (\n                    item of infoWindowContent.clusterData;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            clusterContentTemplate;\n                            context: {\n                                content: item,\n                            }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-template #markerInfoTemplate>\n        <div\n            class=\"marker-container relative\"\n            [class.expanded]=\"!isHidden\"\n            (click)=\"dropdownClick($event)\"\n            (mousewheel)=\"stopMapZoom($event)\"\n        >\n            @for (\n                item of infoWindowContent.mainContent;\n                let i = $index;\n                track identity\n            ) {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dropdownContentTemplate;\n                        context: {\n                            content: item,\n                            data: markerData,\n                        }\n                    \"\n                ></ng-container>\n            }\n\n            <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n                @for (\n                    item of infoWindowContent.expandedContent;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dropdownContentTemplate;\n                            context: {\n                                content: item,\n                                data: markerData,\n                            }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n\n            <div\n                class=\"dropdown-arrow align-self-end\"\n                [class.rotate-arrow]=\"!isHidden\"\n            >\n                <svg-icon\n                    [src]=\"getSvgPath('cornerDownArrowRoute')\"\n                    (click)=\"showHiddenData($event)\"\n                ></svg-icon>\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n    <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n        <div\n            class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n            (click)=\"clusterItemClick(item)\"\n        >\n            <div\n                class=\"d-flex align-items-center gap-1\"\n                [ngStyle]=\"{\n                    'max-width': item.favourite ? 'calc(100% - 18px)' : '100%',\n                }\"\n            >\n                <ng-container *ngIf=\"item.isClosed\">\n                    <svg-icon\n                        class=\"d-flex\"\n                        [src]=\"getSvgPath('permanentlyClosedRoute')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                    ></svg-icon>\n                </ng-container>\n                <div\n                    class=\"regular-text dark-gray-text uppercase text-ellipsis\"\n                >\n                    {{ item.name }}\n                </div>\n            </div>\n            <ng-container *ngIf=\"item.favourite\">\n                <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('favoriteRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                ></svg-icon>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n    <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n        <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    dropdownContentItemTemplates;\n                    context: {\n                        content: item,\n                        data: data,\n                    }\n                \"\n            ></ng-container>\n        </ng-container>\n\n        <ng-template #sideBySideInfoTemplate>\n            <!-- Side by Side Data -->\n            <div class=\"d-flex align-items-center\">\n                <!-- Left Side -->\n                <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n                    <div class=\"flex-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentItemTemplates;\n                                context: {\n                                    content: item.sideBySideInfo?.leftSide,\n                                    data: data,\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <!-- Right Side -->\n                <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n                    <div class=\"flex-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentItemTemplates;\n                                context: {\n                                    content: item.sideBySideInfo?.rightSide,\n                                    data: data,\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #dropdownContentItemTemplates\n    let-content=\"content\"\n    let-data=\"data\"\n>\n    <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n        <ng-container [ngSwitch]=\"item.template\">\n            <!-- Main Title -->\n            <ng-container *ngSwitchCase=\"'header-title'\">\n                <div\n                    class=\"heading d-flex justify-content-between align-items-center {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div\n                        class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n                    >\n                        <ng-container *ngIf=\"item.hasBackButton\">\n                            <div\n                                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                                (click)=\"backButtonClick($event)\"\n                            >\n                                <svg-icon\n                                    class=\"d-flex\"\n                                    [src]=\"getSvgPath('backButtonRoute')\"\n                                    [svgStyle]=\"{\n                                        'width.px': 14,\n                                        'height.px': 14,\n                                    }\"\n                                >\n                                </svg-icon>\n                            </div>\n                        </ng-container>\n                        <span\n                            class=\"header ca-font-extra-bold dark-gray-text {{\n                                item.customClassText\n                            }}\"\n                        >\n                            {{ data[item.field] }}\n                        </span>\n                    </div>\n\n                    <!-- <div class=\"dropdown-icon\"></div> -->\n                    <!-- <app-ca-details-dropdown\n             #detailsDropdown\n             [options]=\"data\"\n             [placement]=\"'right-top'\"\n             [id]=\"item?.id\"\n             [data]=\"item\"\n             [customClassDropDown]=\"\n                 'map-list-card-dropdown marker-dropdown-popover'\n             \"\n             (dropDownActions)=\"callBodyAction($event)\"\n         ></app-ca-details-dropdown> -->\n                </div>\n            </ng-container>\n\n            <!-- Rating Review -->\n            <ng-container *ngSwitchCase=\"'rating-review'\">\n                <div\n                    class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].likeCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon like-icon d-flex\"\n                            [class.active]=\"data[item.field].hasLiked\"\n                            [src]=\"getSvgPath('likeRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].likeCount }}\n                        </span>\n                    </div>\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].dislikeCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon dislike-icon d-flex\"\n                            [class.active]=\"data[item.field].hasDislike\"\n                            [src]=\"getSvgPath('dislikeRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].dislikeCount }}\n                        </span>\n                    </div>\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].reviewCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon review-icon d-flex\"\n                            [src]=\"getSvgPath('reviewRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].reviewCount ?? 0 }}\n                        </span>\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Border Divider -->\n            <ng-container *ngSwitchCase=\"'divider'\">\n                <div class=\"info-divider\"></div>\n            </ng-container>\n\n            <!-- Repair Shop Services -->\n            <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n                <div\n                    class=\"d-flex align-items-center justify-content-between {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    @for (service of data[item.field]; track identity) {\n                        <div\n                            class=\"d-flex align-items-center justify-content-center\"\n                            ngbTooltip\n                            [tooltipBackground]=\"'#424242'\"\n                            [mainCaTooltip]=\"service.serviceType.name\"\n                            position=\"bottom\"\n                        >\n                            <svg-icon\n                                class=\"repair-service-icon\"\n                                [class.active]=\"service.active\"\n                                [src]=\"\n                                    service.logoName\n                                        | caSvg: 'common' : 'repair-services'\n                                \"\n                                [svgStyle]=\"{\n                                    'width.px': 18,\n                                    'height.px': 18,\n                                }\"\n                            ></svg-icon>\n                        </div>\n                    }\n                </div>\n            </ng-container>\n\n            <!-- Icon and Text -->\n            <ng-container *ngSwitchCase=\"'icon-text'\">\n                <div\n                    class=\"d-flex align-items-start gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <ng-container *ngIf=\"item.url\">\n                        <div\n                            ngbTooltip\n                            [tooltipBackground]=\"'#424242'\"\n                            [mainCaTooltip]=\"item.iconTooltipText\"\n                            position=\"bottom\"\n                            [disableTooltip]=\"!item.iconTooltipText\"\n                        >\n                            <svg-icon\n                                class=\"d-flex align-items-center justify-content-center\"\n                                [src]=\"item.url\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                            ></svg-icon>\n                        </div>\n                    </ng-container>\n                    <span\n                        class=\"regular-text dark-gray-text {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ data[item.field] }}\n                    </span>\n                </div>\n            </ng-container>\n\n            <!-- Title -->\n            <ng-container *ngSwitchCase=\"'title'\">\n                <div\n                    class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                        item.customClassText\n                    }}\"\n                >\n                    {{ data[item.field] }}\n                </div>\n            </ng-container>\n\n            <!-- Title and Count -->\n            <ng-container *ngSwitchCase=\"'title-count'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n                        {{ item.title }}\n                    </div>\n                    <div\n                        class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n                    >\n                        {{ data[item.field] }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Money Text  -->\n            <ng-container *ngSwitchCase=\"'money-text'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text ca-font-bold blue-text\">\n                        {{\n                            data?.[item.field] !== '' ? data[item.field] : '$0'\n                        }}\n                    </div>\n                    <div class=\"regular-text light-gray-text ca-font-bold\">\n                        {{ item.title }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Open Hours -->\n            <ng-container *ngSwitchCase=\"'open-hours'\">\n                <div class=\"d-flex flex-column gap-2\">\n                    <div\n                        class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ item.title }}\n                    </div>\n                    <div class=\"open-hours-grid\">\n                        <ng-container\n                            *ngIf=\"\n                                data[item.field]?.openHoursToday &&\n                                !isShowAllDaysActive\n                            \"\n                        >\n                            <div class=\"d-flex flex-column flex-1\">\n                                <div\n                                    class=\"small-text dark-gray-text ca-font-bold\"\n                                >\n                                    {{ data[item.field].openHoursToday.status }}\n                                </div>\n                                <div\n                                    class=\"regular-text dark-gray-text text-ellipsis\"\n                                >\n                                    {{ data[item.field].openHoursToday.info }}\n                                </div>\n                            </div>\n                        </ng-container>\n                        <ng-container\n                            *ngIf=\"data[item.field]?.openHours?.length\"\n                        >\n                            <ng-container *ngIf=\"isShowAllDaysActive\">\n                                @for (\n                                    day of data[item.field].openHours;\n                                    track identity\n                                ) {\n                                    <div class=\"d-flex flex-column flex-1\">\n                                        <div\n                                            class=\"small-text dark-gray-text ca-font-bold\"\n                                        >\n                                            {{ day.dayOfWeek }}\n                                        </div>\n                                        <div\n                                            class=\"regular-text dark-gray-text text-ellipsis\"\n                                        >\n                                            {{\n                                                day.startTime +\n                                                    ' - ' +\n                                                    day.endTime\n                                            }}\n                                        </div>\n                                    </div>\n                                }\n                            </ng-container>\n                            <div\n                                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n                            >\n                                <div\n                                    class=\"d-flex align-items-center gap-1\"\n                                    (click)=\"showAllDaysClick()\"\n                                >\n                                    <svg-icon\n                                        class=\"d-flex\"\n                                        [src]=\"\n                                            getSvgPath('accidentCalenderRoute')\n                                        \"\n                                        [svgStyle]=\"{\n                                            'width.px': 18,\n                                            'height.px': 18,\n                                        }\"\n                                    ></svg-icon>\n                                    <div\n                                        class=\"regular-text gray-text cursor-pointer\"\n                                    >\n                                        {{\n                                            isShowAllDaysActive\n                                                ? 'Show today'\n                                                : 'Show all days'\n                                        }}\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Text and Count -->\n            <ng-container *ngSwitchCase=\"'text-count'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text {{ item.customClassText }}\">\n                        {{ item.title }}\n                    </div>\n                    <div\n                        class=\"regular-text ca-font-semi-bold {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ data | mapDropdownValue: item }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Subtitle -->\n            <ng-container *ngSwitchCase=\"'subtitle'\">\n                <div\n                    class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                        item.customClassText\n                    }}\"\n                >\n                    {{ item.title }}\n                </div>\n            </ng-container>\n\n            <!-- Regular Text -->\n            <ng-container *ngSwitchCase=\"'text'\">\n                <div class=\"regular-text black-text {{ item.customClassText }}\">\n                    {{ data | mapDropdownValue: item }}\n                </div>\n            </ng-container>\n\n            <!-- Small Subtitle -->\n            <ng-container *ngSwitchCase=\"'small-subtitle'\">\n                <div\n                    class=\"small-text dark-gray-text {{ item.customClassText }}\"\n                >\n                    {{ item.title }}\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll;cursor:default}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out;cursor:default}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"], dependencies: [{ kind: "ngmodule", type: 
                 //modules
-                CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: 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: 
+                CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: 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: 
                 // components
                 CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type: 
                 // pipes
@@ -14898,8 +14918,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaSvgPipe,
                         MapDropdownContentPipe,
                         MapDropdownClusterContentPipe,
-                        MapDropdownValuePipe
-                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\n          <!-- <app-ca-details-dropdown\n             #detailsDropdown\n             [options]=\"data\"\n             [placement]=\"'right-top'\"\n             [id]=\"item?.id\"\n             [data]=\"item\"\n             [customClassDropDown]=\"\n                 'map-list-card-dropdown marker-dropdown-popover'\n             \"\n             (dropDownActions)=\"callBodyAction($event)\"\n         ></app-ca-details-dropdown> -->\n        </div>\n      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"] }]
+                        MapDropdownValuePipe,
+                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"infoWindowContent\">\n    <ng-container\n        *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\"\n    >\n        <ng-container\n            *ngIf=\"\n                infoWindowContent?.selectedClusterItemData;\n                else clusterDataListTemplate\n            \"\n        >\n            <div\n                class=\"marker-container relative\"\n                [class.expanded]=\"!isHidden\"\n                (click)=\"dropdownClick($event)\"\n                (mousewheel)=\"stopMapZoom($event)\"\n            >\n                @for (\n                    item of infoWindowContent.selectedClusterItemData\n                        .mainContent;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dropdownContentTemplate;\n                            context: {\n                                content: item,\n                                data: infoWindowContent?.selectedClusterItemData\n                                    .data,\n                            }\n                        \"\n                    ></ng-container>\n                }\n\n                <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n                    @for (\n                        item of infoWindowContent.selectedClusterItemData\n                            .expandedContent;\n                        let i = $index;\n                        track identity\n                    ) {\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentTemplate;\n                                context: {\n                                    content: item,\n                                    data: infoWindowContent\n                                        ?.selectedClusterItemData.data,\n                                }\n                            \"\n                        ></ng-container>\n                    }\n                </div>\n\n                <div\n                    class=\"dropdown-arrow align-self-end\"\n                    [class.rotate-arrow]=\"!isHidden\"\n                >\n                    <svg-icon\n                        [src]=\"getSvgPath('cornerDownArrowRoute')\"\n                        (click)=\"showHiddenData($event)\"\n                    ></svg-icon>\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #clusterDataListTemplate>\n            <div\n                class=\"cluster-marker-container d-flex flex-column gap-1\"\n                (click)=\"dropdownClick($event)\"\n                (mousewheel)=\"onClusterListScroll($event)\"\n            >\n                @for (\n                    item of infoWindowContent.clusterData;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            clusterContentTemplate;\n                            context: {\n                                content: item,\n                            }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-template #markerInfoTemplate>\n        <div\n            class=\"marker-container relative\"\n            [class.expanded]=\"!isHidden\"\n            (click)=\"dropdownClick($event)\"\n            (mousewheel)=\"stopMapZoom($event)\"\n        >\n            @for (\n                item of infoWindowContent.mainContent;\n                let i = $index;\n                track identity\n            ) {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dropdownContentTemplate;\n                        context: {\n                            content: item,\n                            data: markerData,\n                        }\n                    \"\n                ></ng-container>\n            }\n\n            <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n                @for (\n                    item of infoWindowContent.expandedContent;\n                    let i = $index;\n                    track identity\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dropdownContentTemplate;\n                            context: {\n                                content: item,\n                                data: markerData,\n                            }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n\n            <div\n                class=\"dropdown-arrow align-self-end\"\n                [class.rotate-arrow]=\"!isHidden\"\n            >\n                <svg-icon\n                    [src]=\"getSvgPath('cornerDownArrowRoute')\"\n                    (click)=\"showHiddenData($event)\"\n                ></svg-icon>\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n    <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n        <div\n            class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n            (click)=\"clusterItemClick(item)\"\n        >\n            <div\n                class=\"d-flex align-items-center gap-1\"\n                [ngStyle]=\"{\n                    'max-width': item.favourite ? 'calc(100% - 18px)' : '100%',\n                }\"\n            >\n                <ng-container *ngIf=\"item.isClosed\">\n                    <svg-icon\n                        class=\"d-flex\"\n                        [src]=\"getSvgPath('permanentlyClosedRoute')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                    ></svg-icon>\n                </ng-container>\n                <div\n                    class=\"regular-text dark-gray-text uppercase text-ellipsis\"\n                >\n                    {{ item.name }}\n                </div>\n            </div>\n            <ng-container *ngIf=\"item.favourite\">\n                <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('favoriteRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                ></svg-icon>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n    <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n        <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    dropdownContentItemTemplates;\n                    context: {\n                        content: item,\n                        data: data,\n                    }\n                \"\n            ></ng-container>\n        </ng-container>\n\n        <ng-template #sideBySideInfoTemplate>\n            <!-- Side by Side Data -->\n            <div class=\"d-flex align-items-center\">\n                <!-- Left Side -->\n                <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n                    <div class=\"flex-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentItemTemplates;\n                                context: {\n                                    content: item.sideBySideInfo?.leftSide,\n                                    data: data,\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <!-- Right Side -->\n                <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n                    <div class=\"flex-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dropdownContentItemTemplates;\n                                context: {\n                                    content: item.sideBySideInfo?.rightSide,\n                                    data: data,\n                                }\n                            \"\n                        >\n                        </ng-container>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #dropdownContentItemTemplates\n    let-content=\"content\"\n    let-data=\"data\"\n>\n    <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n        <ng-container [ngSwitch]=\"item.template\">\n            <!-- Main Title -->\n            <ng-container *ngSwitchCase=\"'header-title'\">\n                <div\n                    class=\"heading d-flex justify-content-between align-items-center {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div\n                        class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n                    >\n                        <ng-container *ngIf=\"item.hasBackButton\">\n                            <div\n                                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                                (click)=\"backButtonClick($event)\"\n                            >\n                                <svg-icon\n                                    class=\"d-flex\"\n                                    [src]=\"getSvgPath('backButtonRoute')\"\n                                    [svgStyle]=\"{\n                                        'width.px': 14,\n                                        'height.px': 14,\n                                    }\"\n                                >\n                                </svg-icon>\n                            </div>\n                        </ng-container>\n                        <span\n                            class=\"header ca-font-extra-bold dark-gray-text {{\n                                item.customClassText\n                            }}\"\n                        >\n                            {{ data[item.field] }}\n                        </span>\n                    </div>\n\n                    <!-- <div class=\"dropdown-icon\"></div> -->\n                    <!-- <app-ca-details-dropdown\n             #detailsDropdown\n             [options]=\"data\"\n             [placement]=\"'right-top'\"\n             [id]=\"item?.id\"\n             [data]=\"item\"\n             [customClassDropDown]=\"\n                 'map-list-card-dropdown marker-dropdown-popover'\n             \"\n             (dropDownActions)=\"callBodyAction($event)\"\n         ></app-ca-details-dropdown> -->\n                </div>\n            </ng-container>\n\n            <!-- Rating Review -->\n            <ng-container *ngSwitchCase=\"'rating-review'\">\n                <div\n                    class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].likeCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon like-icon d-flex\"\n                            [class.active]=\"data[item.field].hasLiked\"\n                            [src]=\"getSvgPath('likeRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].likeCount }}\n                        </span>\n                    </div>\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].dislikeCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon dislike-icon d-flex\"\n                            [class.active]=\"data[item.field].hasDislike\"\n                            [src]=\"getSvgPath('dislikeRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].dislikeCount }}\n                        </span>\n                    </div>\n                    <div\n                        class=\"d-flex justify-content-start align-items-center gap-2\"\n                        [class.opacity-40]=\"!data[item.field].reviewCount\"\n                    >\n                        <svg-icon\n                            class=\"rating-icon review-icon d-flex\"\n                            [src]=\"getSvgPath('reviewRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                        <span\n                            class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n                            >{{ data[item.field].reviewCount ?? 0 }}\n                        </span>\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Border Divider -->\n            <ng-container *ngSwitchCase=\"'divider'\">\n                <div class=\"info-divider\"></div>\n            </ng-container>\n\n            <!-- Repair Shop Services -->\n            <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n                <div\n                    class=\"d-flex align-items-center justify-content-between {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    @for (service of data[item.field]; track identity) {\n                        <div\n                            class=\"d-flex align-items-center justify-content-center\"\n                            ngbTooltip\n                            [tooltipBackground]=\"'#424242'\"\n                            [mainCaTooltip]=\"service.serviceType.name\"\n                            position=\"bottom\"\n                        >\n                            <svg-icon\n                                class=\"repair-service-icon\"\n                                [class.active]=\"service.active\"\n                                [src]=\"\n                                    service.logoName\n                                        | caSvg: 'common' : 'repair-services'\n                                \"\n                                [svgStyle]=\"{\n                                    'width.px': 18,\n                                    'height.px': 18,\n                                }\"\n                            ></svg-icon>\n                        </div>\n                    }\n                </div>\n            </ng-container>\n\n            <!-- Icon and Text -->\n            <ng-container *ngSwitchCase=\"'icon-text'\">\n                <div\n                    class=\"d-flex align-items-start gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <ng-container *ngIf=\"item.url\">\n                        <div\n                            ngbTooltip\n                            [tooltipBackground]=\"'#424242'\"\n                            [mainCaTooltip]=\"item.iconTooltipText\"\n                            position=\"bottom\"\n                            [disableTooltip]=\"!item.iconTooltipText\"\n                        >\n                            <svg-icon\n                                class=\"d-flex align-items-center justify-content-center\"\n                                [src]=\"item.url\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                            ></svg-icon>\n                        </div>\n                    </ng-container>\n                    <span\n                        class=\"regular-text dark-gray-text {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ data[item.field] }}\n                    </span>\n                </div>\n            </ng-container>\n\n            <!-- Title -->\n            <ng-container *ngSwitchCase=\"'title'\">\n                <div\n                    class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                        item.customClassText\n                    }}\"\n                >\n                    {{ data[item.field] }}\n                </div>\n            </ng-container>\n\n            <!-- Title and Count -->\n            <ng-container *ngSwitchCase=\"'title-count'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n                        {{ item.title }}\n                    </div>\n                    <div\n                        class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n                    >\n                        {{ data[item.field] }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Money Text  -->\n            <ng-container *ngSwitchCase=\"'money-text'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text ca-font-bold blue-text\">\n                        {{\n                            data?.[item.field] !== '' ? data[item.field] : '$0'\n                        }}\n                    </div>\n                    <div class=\"regular-text light-gray-text ca-font-bold\">\n                        {{ item.title }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Open Hours -->\n            <ng-container *ngSwitchCase=\"'open-hours'\">\n                <div class=\"d-flex flex-column gap-2\">\n                    <div\n                        class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ item.title }}\n                    </div>\n                    <div class=\"open-hours-grid\">\n                        <ng-container\n                            *ngIf=\"\n                                data[item.field]?.openHoursToday &&\n                                !isShowAllDaysActive\n                            \"\n                        >\n                            <div class=\"d-flex flex-column flex-1\">\n                                <div\n                                    class=\"small-text dark-gray-text ca-font-bold\"\n                                >\n                                    {{ data[item.field].openHoursToday.status }}\n                                </div>\n                                <div\n                                    class=\"regular-text dark-gray-text text-ellipsis\"\n                                >\n                                    {{ data[item.field].openHoursToday.info }}\n                                </div>\n                            </div>\n                        </ng-container>\n                        <ng-container\n                            *ngIf=\"data[item.field]?.openHours?.length\"\n                        >\n                            <ng-container *ngIf=\"isShowAllDaysActive\">\n                                @for (\n                                    day of data[item.field].openHours;\n                                    track identity\n                                ) {\n                                    <div class=\"d-flex flex-column flex-1\">\n                                        <div\n                                            class=\"small-text dark-gray-text ca-font-bold\"\n                                        >\n                                            {{ day.dayOfWeek }}\n                                        </div>\n                                        <div\n                                            class=\"regular-text dark-gray-text text-ellipsis\"\n                                        >\n                                            {{\n                                                day.startTime +\n                                                    ' - ' +\n                                                    day.endTime\n                                            }}\n                                        </div>\n                                    </div>\n                                }\n                            </ng-container>\n                            <div\n                                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n                            >\n                                <div\n                                    class=\"d-flex align-items-center gap-1\"\n                                    (click)=\"showAllDaysClick()\"\n                                >\n                                    <svg-icon\n                                        class=\"d-flex\"\n                                        [src]=\"\n                                            getSvgPath('accidentCalenderRoute')\n                                        \"\n                                        [svgStyle]=\"{\n                                            'width.px': 18,\n                                            'height.px': 18,\n                                        }\"\n                                    ></svg-icon>\n                                    <div\n                                        class=\"regular-text gray-text cursor-pointer\"\n                                    >\n                                        {{\n                                            isShowAllDaysActive\n                                                ? 'Show today'\n                                                : 'Show all days'\n                                        }}\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Text and Count -->\n            <ng-container *ngSwitchCase=\"'text-count'\">\n                <div\n                    class=\"d-flex align-items-center gap-1 {{\n                        item.customClassContainer\n                    }}\"\n                >\n                    <div class=\"regular-text {{ item.customClassText }}\">\n                        {{ item.title }}\n                    </div>\n                    <div\n                        class=\"regular-text ca-font-semi-bold {{\n                            item.customClassText\n                        }}\"\n                    >\n                        {{ data | mapDropdownValue: item }}\n                    </div>\n                </div>\n            </ng-container>\n\n            <!-- Subtitle -->\n            <ng-container *ngSwitchCase=\"'subtitle'\">\n                <div\n                    class=\"regular-text dark-gray-text ca-font-extra-bold {{\n                        item.customClassText\n                    }}\"\n                >\n                    {{ item.title }}\n                </div>\n            </ng-container>\n\n            <!-- Regular Text -->\n            <ng-container *ngSwitchCase=\"'text'\">\n                <div class=\"regular-text black-text {{ item.customClassText }}\">\n                    {{ data | mapDropdownValue: item }}\n                </div>\n            </ng-container>\n\n            <!-- Small Subtitle -->\n            <ng-container *ngSwitchCase=\"'small-subtitle'\">\n                <div\n                    class=\"small-text dark-gray-text {{ item.customClassText }}\"\n                >\n                    {{ item.title }}\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll;cursor:default}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out;cursor:default}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"] }]
         }], propDecorators: { infoWindowContent: [{
                 type: Input
             }], markerData: [{
@@ -15039,73 +15059,73 @@ class MapInfoWindowOptionsConstants {
 class MapConstants {
     static { this.GOOGLE_MAP_STYLES = [
         {
-            elementType: "geometry",
+            elementType: 'geometry.fill',
             stylers: [
                 {
-                    color: "#f5f5f5",
+                    color: '#f1f1f1',
                 },
             ],
         },
         {
-            elementType: "labels.icon",
+            elementType: 'labels.icon',
             stylers: [
                 {
-                    visibility: "on",
+                    visibility: 'on',
                 },
             ],
         },
         {
-            featureType: "administrative.land_parcel",
-            elementType: "labels",
+            featureType: 'administrative.land_parcel',
+            elementType: 'labels',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "labels.text",
+            featureType: 'poi',
+            elementType: 'labels.text',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "labels",
+            featureType: 'poi',
+            elementType: 'labels',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "labels.text",
+            featureType: 'poi',
+            elementType: 'labels.text',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "transit",
+            featureType: 'transit',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "administrative.country",
+            featureType: 'administrative.country',
             stylers: [
                 {
-                    color: "#616161",
+                    color: '#919191',
                 },
                 {
-                    visibility: "on",
+                    visibility: 'on',
                 },
                 {
                     weight: 1,
@@ -15113,86 +15133,86 @@ class MapConstants {
             ],
         },
         {
-            elementType: "labels.text.fill",
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#616161",
+                    color: '#919191',
                 },
             ],
         },
         {
-            elementType: "labels.text.stroke",
+            elementType: 'labels.text.stroke',
             stylers: [
                 {
-                    color: "#f5f5f5",
+                    color: '#f5f5f5',
                 },
             ],
         },
         {
-            featureType: "administrative.land_parcel",
-            elementType: "labels.text.fill",
+            featureType: 'administrative.land_parcel',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#bdbdbd",
+                    color: '#bdbdbd',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "geometry",
+            featureType: 'poi',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#eeeeee",
+                    color: '#eeeeee',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "labels.text.fill",
+            featureType: 'poi',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#757575',
                 },
             ],
         },
         {
-            featureType: "poi.park",
-            elementType: "geometry",
+            featureType: 'poi.park',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#e5e5e5",
+                    color: '#e5e5e5',
                 },
             ],
         },
         {
-            featureType: "poi.park",
-            elementType: "labels.text.fill",
+            featureType: 'poi.park',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#9e9e9e",
+                    color: '#9e9e9e',
                 },
             ],
         },
         {
-            featureType: "landscape",
-            elementType: "labels",
+            featureType: 'landscape',
+            elementType: 'labels',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "road",
-            elementType: "geometry",
+            featureType: 'road',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#ffffff",
+                    color: '#ffffff',
                 },
             ],
         },
         {
-            featureType: "road",
+            featureType: 'road',
             stylers: [
                 {
                     saturation: -100,
@@ -15203,263 +15223,263 @@ class MapConstants {
             ],
         },
         {
-            featureType: "road.arterial",
-            elementType: "labels.text.fill",
+            featureType: 'road.arterial',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#dadada',
                 },
             ],
         },
         {
-            featureType: "road.highway",
-            elementType: "geometry",
+            featureType: 'road.highway',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#dadada",
+                    color: '#dadada',
                 },
             ],
         },
         {
-            featureType: "road.highway",
-            elementType: "labels.text.fill",
+            featureType: 'road.highway',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#616161",
+                    color: '#616161',
                 },
             ],
         },
         {
-            featureType: "road.local",
-            elementType: "labels.text.fill",
+            featureType: 'road.local',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#9e9e9e",
+                    color: '#9e9e9e',
                 },
             ],
         },
         {
-            featureType: "transit.line",
-            elementType: "geometry",
+            featureType: 'transit.line',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#e5e5e5",
+                    color: '#e5e5e5',
                 },
             ],
         },
         {
-            featureType: "transit.station",
-            elementType: "geometry",
+            featureType: 'transit.station',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#eeeeee",
+                    color: '#eeeeee',
                 },
             ],
         },
         {
-            featureType: "water",
-            elementType: "geometry",
+            featureType: 'water',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#c9c9c9",
+                    color: '#dadada',
                 },
             ],
         },
         {
-            featureType: "water",
-            elementType: "labels.text.fill",
+            featureType: 'water',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#9e9e9e",
+                    color: '#9e9e9e',
                 },
             ],
         },
     ]; }
     static { this.GOOGLE_MAP_DARK_STYLES = [
         {
-            elementType: "geometry",
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#212121",
+                    color: '#212121',
                 },
             ],
         },
         {
-            elementType: "labels.icon",
+            elementType: 'labels.icon',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            elementType: "labels.text.fill",
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#757575',
                 },
             ],
         },
         {
-            elementType: "labels.text.stroke",
+            elementType: 'labels.text.stroke',
             stylers: [
                 {
-                    color: "#212121",
+                    color: '#212121',
                 },
             ],
         },
         {
-            featureType: "administrative",
-            elementType: "geometry",
+            featureType: 'administrative',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#757575',
                 },
             ],
         },
         {
-            featureType: "administrative.country",
-            elementType: "labels.text.fill",
+            featureType: 'administrative.country',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#9e9e9e",
+                    color: '#9e9e9e',
                 },
             ],
         },
         {
-            featureType: "administrative.land_parcel",
+            featureType: 'administrative.land_parcel',
             stylers: [
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "administrative.locality",
-            elementType: "labels.text.fill",
+            featureType: 'administrative.locality',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#bdbdbd",
+                    color: '#bdbdbd',
                 },
             ],
         },
         {
-            featureType: "poi",
-            elementType: "labels.text.fill",
+            featureType: 'poi',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#757575',
                 },
             ],
         },
         {
-            featureType: "poi.park",
-            elementType: "geometry",
+            featureType: 'poi.park',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#181818",
+                    color: '#181818',
                 },
                 {
-                    visibility: "off",
+                    visibility: 'off',
                 },
             ],
         },
         {
-            featureType: "poi.park",
-            elementType: "labels.text.fill",
+            featureType: 'poi.park',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#616161",
+                    color: '#616161',
                 },
             ],
         },
         {
-            featureType: "poi.park",
-            elementType: "labels.text.stroke",
+            featureType: 'poi.park',
+            elementType: 'labels.text.stroke',
             stylers: [
                 {
-                    color: "#1b1b1b",
+                    color: '#1b1b1b',
                 },
             ],
         },
         {
-            featureType: "road",
-            elementType: "geometry.fill",
+            featureType: 'road',
+            elementType: 'geometry.fill',
             stylers: [
                 {
-                    color: "#2c2c2c",
+                    color: '#2c2c2c',
                 },
             ],
         },
         {
-            featureType: "road",
-            elementType: "labels.text.fill",
+            featureType: 'road',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#8a8a8a",
+                    color: '#8a8a8a',
                 },
             ],
         },
         {
-            featureType: "road.arterial",
-            elementType: "geometry",
+            featureType: 'road.arterial',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#373737",
+                    color: '#373737',
                 },
             ],
         },
         {
-            featureType: "road.highway",
-            elementType: "geometry",
+            featureType: 'road.highway',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#3c3c3c",
+                    color: '#3c3c3c',
                 },
             ],
         },
         {
-            featureType: "road.highway.controlled_access",
-            elementType: "geometry",
+            featureType: 'road.highway.controlled_access',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#4e4e4e",
+                    color: '#4e4e4e',
                 },
             ],
         },
         {
-            featureType: "road.local",
-            elementType: "labels.text.fill",
+            featureType: 'road.local',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#616161",
+                    color: '#616161',
                 },
             ],
         },
         {
-            featureType: "transit",
-            elementType: "labels.text.fill",
+            featureType: 'transit',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#757575",
+                    color: '#757575',
                 },
             ],
         },
         {
-            featureType: "water",
-            elementType: "geometry",
+            featureType: 'water',
+            elementType: 'geometry',
             stylers: [
                 {
-                    color: "#000000",
+                    color: '#000000',
                 },
             ],
         },
         {
-            featureType: "water",
-            elementType: "labels.text.fill",
+            featureType: 'water',
+            elementType: 'labels.text.fill',
             stylers: [
                 {
-                    color: "#3d3d3d",
+                    color: '#3d3d3d',
                 },
             ],
         },
@@ -15481,7 +15501,6 @@ class MapOptionsConstants {
             strictBounds: true,
         },
         streetViewControl: false,
-        styles: MapConstants.GOOGLE_MAP_STYLES,
         keyboardShortcuts: false,
         panControl: true,
         gestureHandling: 'greedy',
@@ -15550,19 +15569,434 @@ class MapOptionsConstants {
     }; }
 }
 
+class MapMarkerIconsConstants {
+    static { this.defaultMarker = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_48851)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_48851)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#6692F1"/>
+                                    <circle class="white-circle" cx="15" cy="15" r="5" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_48851" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_48851"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_48851" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_48851"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_48851" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                </svg>
+`; }
+    static { this.favoriteMarker = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_39170)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_39170)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#6692F1"/>
+                                    <path class="inside-shape" d="M20.3715 13.6803C20.339 13.5707 20.2747 13.4731 20.1868 13.3999C20.099 13.3268 19.9914 13.2813 19.8777 13.2692L16.7605 12.9736L15.5284 9.96352C15.4875 9.85661 15.4151 9.76463 15.3209 9.69973C15.2266 9.63484 15.1149 9.6001 15.0004 9.6001C14.886 9.6001 14.7742 9.63484 14.6799 9.69973C14.5857 9.76463 14.5133 9.85661 14.4725 9.96352L13.2404 12.9736L10.1225 13.2692C10.0089 13.2814 9.90137 13.327 9.81351 13.4001C9.72565 13.4733 9.66135 13.5707 9.62867 13.6803C9.59364 13.7914 9.59076 13.9101 9.62037 14.0228C9.64999 14.1355 9.71089 14.2374 9.79603 14.3169L12.1529 16.4737L11.4582 19.6676C11.4327 19.7812 11.4401 19.8997 11.4796 20.0092C11.5191 20.1187 11.589 20.2147 11.6811 20.2859C11.7708 20.3547 11.8794 20.3943 11.9923 20.3995C12.1052 20.4047 12.217 20.3752 12.3126 20.3149L15.0004 18.6375L17.6882 20.3149C17.7838 20.3751 17.8956 20.4046 18.0085 20.3994C18.1214 20.3942 18.23 20.3546 18.3197 20.2859C18.4118 20.2147 18.4817 20.1187 18.5212 20.0092C18.5607 19.8997 18.5681 19.7812 18.5426 19.6676L17.848 16.4737L20.2042 14.3169C20.2893 14.2374 20.3502 14.1355 20.3798 14.0228C20.4094 13.9101 20.4066 13.7914 20.3715 13.6803Z" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_39170" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_39170"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_39170" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_39170"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_39170" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                    </svg>
+`; }
+    static { this.closedMarker = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_35967)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_35967)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#E66767"/>
+                                    <path class="inside-shape" d="M16.5917 14.9998L18.9793 12.612C19.1201 12.4712 19.1991 12.2803 19.1991 12.0812C19.1991 11.8821 19.1201 11.6912 18.9793 11.5504L18.4486 11.0196C18.3078 10.8789 18.1169 10.7998 17.9178 10.7998C17.7188 10.7998 17.5279 10.8789 17.3871 11.0196L15.0001 13.4075L12.6118 11.0196C12.4711 10.8789 12.2802 10.7998 12.0811 10.7998C11.882 10.7998 11.6911 10.8789 11.5504 11.0196L11.0196 11.5504C10.8789 11.6912 10.7998 11.8821 10.7998 12.0812C10.7998 12.2803 10.8789 12.4712 11.0196 12.612L13.4073 14.9998L11.0203 17.3876C10.8796 17.5284 10.8005 17.7193 10.8005 17.9184C10.8005 18.1175 10.8796 18.3084 11.0203 18.4492L11.551 18.98C11.6918 19.1207 11.8827 19.1998 12.0818 19.1998C12.2808 19.1998 12.4717 19.1207 12.6125 18.98L15.0001 16.5921L17.3878 18.98C17.5285 19.1207 17.7195 19.1998 17.9185 19.1998C18.1176 19.1998 18.3085 19.1207 18.4493 18.98L18.98 18.4492C19.1207 18.3084 19.1998 18.1175 19.1998 17.9184C19.1998 17.7193 19.1207 17.5284 18.98 17.3876L16.5917 14.9998Z" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_35967" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_35967"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_35967" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_35967"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_35967" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                    </svg>
+`; }
+    static { this.clusterIcon = `<svg class="marker-svg" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <g filter="url(#filter0_d_8915_70166)">
+                                    <circle cx="26" cy="26" r="16" fill="white"/>
+                                </g>
+                                <circle cx="26" cy="26" r="14" fill="#FAB15C"/>
+                                <path d="M16.7817 28.942V27.416L21.4017 21.2H23.7817L19.2597 27.416L18.1537 27.094H25.8677V28.942H16.7817ZM22.0597 31V28.942L22.1297 27.094V25.26H24.2717V31H22.0597ZM26.434 28.942V27.416L31.054 21.2H33.434L28.912 27.416L27.806 27.094H35.52V28.942H26.434ZM31.712 31V28.942L31.782 27.094V25.26H33.924V31H31.712Z" fill="white"/>
+                                <g opacity="0.7" filter="url(#filter1_d_8915_70166)">
+                                    <path d="M36.781 7.65002L35.461 9.89302C35.3705 10.0502 35.3446 10.2363 35.3886 10.4122C35.4326 10.5881 35.5432 10.74 35.697 10.836C37.8917 12.2409 39.7555 14.1051 41.16 16.3C41.256 16.4538 41.408 16.5644 41.5838 16.6084C41.7597 16.6524 41.9458 16.6265 42.103 16.536L44.346 15.216C44.4275 15.1691 44.4988 15.1061 44.5554 15.031C44.6121 14.9559 44.653 14.8702 44.6758 14.7789C44.6986 14.6876 44.7027 14.5926 44.688 14.4997C44.6732 14.4068 44.6399 14.3178 44.59 14.238C42.8426 11.4867 40.5103 9.15436 37.759 7.40702C37.6792 7.35709 37.5902 7.32376 37.4973 7.30901C37.4044 7.29427 37.3094 7.2984 37.2181 7.32118C37.1268 7.34396 37.0411 7.38491 36.966 7.44158C36.8909 7.49825 36.8279 7.56848 36.781 7.65002ZM46.601 20.651L44.073 21.309C43.8985 21.3562 43.749 21.469 43.6558 21.6239C43.5626 21.7788 43.5329 21.9637 43.573 22.14C44.1343 24.6827 44.1343 27.3173 43.573 29.86C43.5329 30.0363 43.5626 30.2212 43.6558 30.3761C43.749 30.531 43.8985 30.6439 44.073 30.691L46.601 31.349C46.6917 31.3735 46.7864 31.3794 46.8795 31.3665C46.9725 31.3536 47.0621 31.3221 47.1427 31.2738C47.2233 31.2256 47.2934 31.1616 47.3488 31.0857C47.4041 31.0098 47.4437 30.9235 47.465 30.832C48.173 27.6496 48.173 24.3504 47.465 21.168C47.4437 21.0765 47.4041 20.9902 47.3488 20.9143C47.2934 20.8384 47.2233 20.7744 47.1427 20.7262C47.0621 20.678 46.9725 20.6464 46.8795 20.6335C46.7864 20.6206 46.6917 20.6266 46.601 20.651ZM30.696 44.079C30.6502 43.9037 30.5376 43.7532 30.3823 43.6598C30.227 43.5663 30.0414 43.5374 29.865 43.579C27.3192 44.1397 24.6818 44.1397 22.136 43.579C21.9597 43.5389 21.7748 43.5686 21.6199 43.6618C21.465 43.755 21.3521 43.9045 21.305 44.079L20.647 46.6C20.6225 46.6907 20.6166 46.7854 20.6295 46.8785C20.6424 46.9716 20.6739 47.0611 20.7222 47.1417C20.7704 47.2223 20.8344 47.2924 20.9103 47.3478C20.9862 47.4032 21.0725 47.4427 21.164 47.464C24.3471 48.172 27.6469 48.172 30.83 47.464C30.9214 47.4427 31.0076 47.4032 31.0834 47.3479C31.1592 47.2926 31.2231 47.2226 31.2714 47.1421C31.3196 47.0616 31.3512 46.9722 31.3641 46.8792C31.3771 46.7863 31.3713 46.6917 31.347 46.601L30.696 44.079ZM15.21 7.64902C15.163 7.56762 15.1002 7.49651 15.0251 7.43993C14.9501 7.38335 14.8644 7.34245 14.7733 7.31968C14.6821 7.29691 14.5873 7.29273 14.4945 7.30739C14.4016 7.32205 14.3127 7.35526 14.233 7.40502C11.4742 9.14543 9.13842 11.4795 7.39599 14.237C7.34623 14.3167 7.31303 14.4057 7.29837 14.4985C7.28371 14.5913 7.28789 14.6861 7.31066 14.7773C7.33343 14.8685 7.37432 14.9541 7.4309 15.0292C7.48748 15.1042 7.55859 15.1671 7.63999 15.214L9.88599 16.533C10.0436 16.6246 10.2308 16.6511 10.4076 16.6068C10.5845 16.5626 10.7371 16.4511 10.833 16.296C12.237 14.1021 14.101 12.2394 16.296 10.837C16.451 10.7411 16.5625 10.5885 16.6068 10.4116C16.6511 10.2348 16.6246 10.0476 16.533 9.89002L15.21 7.64902ZM7.90999 21.308L5.39599 20.652C5.30528 20.6274 5.21053 20.6213 5.11741 20.6341C5.02428 20.6468 4.93468 20.6782 4.85396 20.7264C4.77323 20.7746 4.70303 20.8385 4.64754 20.9143C4.59205 20.9902 4.55242 21.0765 4.53099 21.168C3.823 24.3504 3.823 27.6496 4.53099 30.832C4.55231 30.9235 4.59184 31.0098 4.64721 31.0857C4.70258 31.1616 4.77267 31.2256 4.8533 31.2738C4.93392 31.3221 5.02343 31.3536 5.1165 31.3665C5.20956 31.3794 5.30428 31.3735 5.39499 31.349L7.92299 30.691C8.09751 30.6439 8.24702 30.531 8.34022 30.3761C8.43342 30.2212 8.46308 30.0363 8.42299 29.86C8.13992 28.5928 7.99673 27.2984 7.99599 26C7.99593 24.7027 8.13439 23.409 8.40899 22.141C8.44966 21.9645 8.42028 21.779 8.32703 21.6237C8.23379 21.4683 8.08494 21.3552 7.90999 21.308ZM9.88899 35.465L7.64599 36.785C7.56446 36.832 7.49322 36.8949 7.43655 36.97C7.37988 37.0451 7.33893 37.1309 7.31616 37.2222C7.29338 37.3135 7.28924 37.4084 7.30399 37.5013C7.31874 37.5943 7.35207 37.6833 7.40199 37.763C9.14933 40.5143 11.4817 42.8467 14.233 44.594C14.3127 44.6439 14.4017 44.6773 14.4947 44.692C14.5876 44.7068 14.6826 44.7026 14.7738 44.6799C14.8651 44.6571 14.9509 44.6161 15.026 44.5595C15.1011 44.5028 15.164 44.4316 15.211 44.35L16.531 42.107C16.6214 41.9499 16.6474 41.7638 16.6034 41.5879C16.5594 41.412 16.4488 41.26 16.295 41.164C14.1003 39.7592 12.2365 37.895 10.832 35.7C10.736 35.5462 10.584 35.4357 10.4081 35.3916C10.2322 35.3476 10.0461 35.3746 9.88899 35.465ZM41.16 35.7C39.7552 37.8951 37.891 39.7593 35.696 41.164C35.5422 41.26 35.4316 41.412 35.3876 41.5879C35.3436 41.7638 35.3695 41.9499 35.46 42.107L36.78 44.35C36.827 44.4316 36.8899 44.5028 36.965 44.5595C37.0401 44.6161 37.1258 44.6571 37.2171 44.6799C37.3084 44.7026 37.4034 44.7068 37.4963 44.692C37.5892 44.6773 37.6782 44.6439 37.758 44.594C40.5093 42.8467 42.8416 40.5143 44.589 37.763C44.6389 37.6833 44.6722 37.5943 44.687 37.5013C44.7017 37.4084 44.6976 37.3135 44.6748 37.2222C44.6521 37.1309 44.6111 37.0451 44.5544 36.97C44.4978 36.8949 44.4265 36.832 44.345 36.785L42.102 35.465C41.9448 35.3746 41.7587 35.3486 41.5828 35.3926C41.407 35.4367 41.255 35.5472 41.159 35.701M25.996 4.00002C24.3707 3.99798 22.7501 4.17607 21.164 4.53102C21.0725 4.55244 20.9862 4.59208 20.9103 4.64757C20.8344 4.70305 20.7705 4.77325 20.7224 4.85398C20.6742 4.93471 20.6428 5.02431 20.63 5.11743C20.6173 5.21056 20.6234 5.3053 20.648 5.39602L21.304 7.91202C21.3511 8.08696 21.4643 8.23681 21.6196 8.33006C21.775 8.4233 21.9604 8.45268 22.137 8.41202C23.405 8.13775 24.6987 7.99963 25.996 8.00002C27.2971 7.99907 28.5944 8.1399 29.865 8.42002C30.0414 8.46168 30.227 8.43269 30.3823 8.33926C30.5376 8.24583 30.6502 8.09536 30.696 7.92002L31.347 5.39302C31.3713 5.30237 31.3771 5.20776 31.3641 5.11481C31.3512 5.02186 31.3196 4.93247 31.2714 4.85196C31.2231 4.77145 31.1592 4.70146 31.0834 4.64615C31.0076 4.59084 30.9214 4.55135 30.83 4.53002C29.2431 4.17581 27.6219 3.99806 25.996 4.00002Z" fill="white"/>
+                                </g>
+                                <defs>
+                                    <filter id="filter0_d_8915_70166" x="6" y="6" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                        <feOffset/>
+                                        <feGaussianBlur stdDeviation="2"/>
+                                        <feComposite in2="hardAlpha" operator="out"/>
+                                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8915_70166"/>
+                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8915_70166" result="shape"/>
+                                    </filter>
+                                    <filter id="filter1_d_8915_70166" x="0" y="0" width="51.9961" height="51.9951" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                        <feOffset/>
+                                        <feGaussianBlur stdDeviation="2"/>
+                                        <feComposite in2="hardAlpha" operator="out"/>
+                                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8915_70166"/>
+                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8915_70166" result="shape"/>
+                                    </filter>
+                                </defs>
+                            </svg>`; }
+}
+
+class MapSvgRoutes {
+    static { this.markerSvgRoute = 'assets/ca-components/svg/map/routing_marker.svg'; }
+    static { this.phone = 'assets/ca-components/svg/map/phone.svg'; }
+    // Routing markers
+    static { this.routingCheckedPickupMarker = 'assets/ca-components/svg/map/progress-marker-pickup.svg'; }
+    static { this.routingCheckedDeliveryMarker = 'assets/ca-components/svg/map/progress-marker-checked.svg'; }
+    static { this.routingCheckedDeadheadMarker = 'assets/ca-components/svg/map/progress_marker_reached.svg'; }
+    // Regular markers
+    static { this.defaultMarkerIcon = 'assets/ca-components/svg/map/ic_marker.svg'; }
+    static { this.favoriteMarkerIcon = 'assets/ca-components/svg/map/ic_marker_favorite.svg'; }
+    static { this.closedMarkerIcon = 'assets/ca-components/svg/map/ic_marker_closed.svg'; }
+}
+
+// Constants
+class MapMarkerIconHelper {
+    static { this.getRoutingMarkerElement = (stopNumber, stopType, isStopChecked, isLightMode, labelName) => {
+        const markerElement = document.createElement('div');
+        const markerSvg = MapMarkerIconHelper.getRoutingMarkerIcon(stopNumber, stopType, isStopChecked, isLightMode);
+        markerElement.innerHTML = markerSvg;
+        if (labelName) {
+            const markerLabelElement = document.createElement('div');
+            markerLabelElement.classList.add('marker-label');
+            markerLabelElement.innerHTML = labelName.toUpperCase();
+            markerElement.appendChild(markerLabelElement);
+        }
+        return markerElement;
+    }; }
+    static { this.getRoutingMarkerIcon = (stopNumber, stopType, isStopChecked, isLightMode) => {
+        if (!isStopChecked) {
+            const markerSvg = this.getRoutingMarkerSvg(stopNumber, stopType, isLightMode);
+            return markerSvg;
+        }
+        else {
+            const checkedMarkerSvg = this.getRoutingCheckedMarkerSvg(stopType, isLightMode);
+            return checkedMarkerSvg;
+        }
+    }; }
+    static { this.getRoutingMarkerSvg = (stopNumber, stopType, isLightMode) => {
+        const markerColor = isLightMode
+            ? MapOptionsConstants.routingMarkerLightColors[stopType]
+            : MapOptionsConstants.routingMarkerDarkColors[stopType];
+        const markerOutlineColor = MapOptionsConstants.routingMarkerOutlineColors[isLightMode
+            ? MapMarkerStringEnum.WHITE
+            : stopType];
+        const markerDotColor = MapOptionsConstants.routingMarkerDotColors[isLightMode ? MapMarkerStringEnum.LIGHT : MapMarkerStringEnum.DARK];
+        const markerSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="33" viewBox="0 0 30 33" fill="none">
+                        <circle cx="15" cy="29" r="3" fill="${markerColor}" stroke="${markerDotColor}" stroke-width="2"/>
+                        <g filter="url(#filter0_d_24060_59090)">
+                            <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" 
+                              fill="${markerOutlineColor}"
+                            />
+                        </g>
+                        <circle xmlns="http://www.w3.org/2000/svg" cx="15" cy="15" r="9" fill="${markerColor}"/>
+                        <text xmlns="http://www.w3.org/2000/svg" id="_4" data-name="4" transform="translate(15 16)" fill="#fff" font-size="11" font-family="Montserrat, sans-serif" font-weight="700" dominant-baseline="middle" text-anchor="middle" y="0">
+                            <tspan>${stopNumber ?? 0}</tspan>
+                        </text>
+                        <defs>
+                            <filter id="filter0_d_24060_59090" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                <feOffset/>
+                                <feGaussianBlur stdDeviation="2"/>
+                                <feComposite in2="hardAlpha" operator="out"/>
+                                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24060_59090"/>
+                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24060_59090" result="shape"/>
+                            </filter>
+                        </defs>
+                      </svg>`;
+        return markerSvg;
+    }; }
+    static { this.getRoutingCheckedMarkerSvg = (stopType, isLightMode) => {
+        const checkedMarkerColor = isLightMode
+            ? MapOptionsConstants.routingMarkerLightColors[stopType]
+            : MapOptionsConstants.routingMarkerDarkColors[stopType];
+        const checkedMarkerOutlineColor = MapOptionsConstants.routingMarkerOutlineColors[isLightMode
+            ? MapMarkerStringEnum.WHITE
+            : stopType];
+        const checkedMarkerDotColor = MapOptionsConstants.routingMarkerDotColors[isLightMode ? MapMarkerStringEnum.LIGHT : MapMarkerStringEnum.DARK];
+        const checkedMarkerSvg = `<svg width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="15" cy="29" r="3" fill="${checkedMarkerColor}" stroke="${checkedMarkerDotColor}" stroke-width="2"/>
+                                <g filter="url(#filter0_d_18055_34238)">
+                                  <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" 
+                                    fill="${checkedMarkerOutlineColor}"
+                                  />
+                                </g>
+                                <circle cx="15" cy="15" r="9" fill="${checkedMarkerColor}"/>
+                                <path d="M13.0462 19.0477L9.71291 15.7144C9.65718 15.6587 9.61297 15.5925 9.5828 15.5197C9.55264 15.4469 9.53711 15.3689 9.53711 15.2901C9.53711 15.2112 9.55264 15.1332 9.5828 15.0604C9.61297 14.9876 9.65718 14.9214 9.71291 14.8657L10.5629 14.0184C10.6186 13.9627 10.6848 13.9184 10.7576 13.8883C10.8304 13.8581 10.9084 13.8426 10.9872 13.8426C11.0661 13.8426 11.1441 13.8581 11.2169 13.8883C11.2897 13.9184 11.3559 13.9627 11.4116 14.0184L13.4702 16.0771L18.5869 10.9571C18.6426 10.9013 18.7088 10.8571 18.7816 10.8269C18.8544 10.7968 18.9324 10.7812 19.0112 10.7812C19.0901 10.7812 19.1681 10.7968 19.2409 10.8269C19.3137 10.8571 19.3799 10.9013 19.4356 10.9571L20.2842 11.8057C20.34 11.8614 20.3842 11.9276 20.4144 12.0004C20.4445 12.0732 20.4601 12.1512 20.4601 12.2301C20.4601 12.3089 20.4445 12.3869 20.4144 12.4597C20.3842 12.5325 20.34 12.5987 20.2842 12.6544L13.8949 19.0451C13.8392 19.1008 13.773 19.145 13.7002 19.1752C13.6274 19.2053 13.5494 19.2209 13.4706 19.2209C13.3918 19.2209 13.3137 19.2053 13.2409 19.1752C13.1681 19.145 13.102 19.1008 13.0462 19.0451V19.0477Z" fill="white"/>
+                                <defs>
+                                  <filter id="filter0_d_18055_34238" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18055_34238"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18055_34238" result="shape"/>
+                                  </filter>
+                                </defs>
+                              </svg>`;
+        return checkedMarkerSvg;
+    }; }
+    static getMapMarker(isFavorite, isClosed) {
+        let markerIconRoute = MapSvgRoutes.defaultMarkerIcon;
+        if (isClosed)
+            markerIconRoute = MapSvgRoutes.closedMarkerIcon;
+        else if (isFavorite)
+            markerIconRoute = MapSvgRoutes.favoriteMarkerIcon;
+        return markerIconRoute;
+    }
+    static getClusterMarker(count, isSelected) {
+        const markerSvg = `<svg class="marker-svg" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <g filter="url(#filter0_d_2631_274104)">
+                              <circle cx="26" cy="26" r="16" fill="white"/>
+                          </g>
+                          <circle cx="26" cy="26" r="14" fill="#FAB15C"/>
+                          <text
+                              id="_4"
+                              data-name="4"
+                              transform="translate(26 27)"
+                              fill="#fff"
+                              font-size="14"
+                              font-family="Montserrat, sans-serif"
+                              font-weight="700"
+                              dominant-baseline="middle"
+                              text-anchor="middle"
+                          >
+                              <tspan> ${count} </tspan>
+                          </text>
+                          <g opacity="0.7" filter="url(#filter1_d_2631_274104)">
+                              <path d="M36.781 7.65002L35.461 9.89302C35.3705 10.0502 35.3446 10.2363 35.3886 10.4122C35.4326 10.5881 35.5432 10.74 35.697 10.836C37.8917 12.2409 39.7555 14.1051 41.16 16.3C41.256 16.4538 41.408 16.5644 41.5838 16.6084C41.7597 16.6524 41.9458 16.6265 42.103 16.536L44.346 15.216C44.4275 15.1691 44.4988 15.1061 44.5554 15.031C44.6121 14.9559 44.653 14.8702 44.6758 14.7789C44.6986 14.6876 44.7027 14.5926 44.688 14.4997C44.6732 14.4068 44.6399 14.3178 44.59 14.238C42.8426 11.4867 40.5103 9.15436 37.759 7.40702C37.6792 7.35709 37.5902 7.32376 37.4973 7.30901C37.4044 7.29427 37.3094 7.2984 37.2181 7.32118C37.1268 7.34396 37.0411 7.38491 36.966 7.44158C36.8909 7.49825 36.8279 7.56848 36.781 7.65002ZM46.601 20.651L44.073 21.309C43.8985 21.3562 43.749 21.469 43.6558 21.6239C43.5626 21.7788 43.5329 21.9637 43.573 22.14C44.1343 24.6827 44.1343 27.3173 43.573 29.86C43.5329 30.0363 43.5626 30.2212 43.6558 30.3761C43.749 30.531 43.8985 30.6439 44.073 30.691L46.601 31.349C46.6917 31.3735 46.7864 31.3794 46.8795 31.3665C46.9725 31.3536 47.0621 31.3221 47.1427 31.2738C47.2233 31.2256 47.2934 31.1616 47.3488 31.0857C47.4041 31.0098 47.4437 30.9235 47.465 30.832C48.173 27.6496 48.173 24.3504 47.465 21.168C47.4437 21.0765 47.4041 20.9902 47.3488 20.9143C47.2934 20.8384 47.2233 20.7744 47.1427 20.7262C47.0621 20.678 46.9725 20.6464 46.8795 20.6335C46.7864 20.6206 46.6917 20.6266 46.601 20.651ZM30.696 44.079C30.6502 43.9037 30.5376 43.7532 30.3823 43.6598C30.227 43.5663 30.0414 43.5374 29.865 43.579C27.3192 44.1397 24.6818 44.1397 22.136 43.579C21.9597 43.5389 21.7748 43.5686 21.6199 43.6618C21.465 43.755 21.3521 43.9045 21.305 44.079L20.647 46.6C20.6225 46.6907 20.6166 46.7854 20.6295 46.8785C20.6424 46.9716 20.6739 47.0611 20.7222 47.1417C20.7704 47.2223 20.8344 47.2924 20.9103 47.3478C20.9862 47.4032 21.0725 47.4427 21.164 47.464C24.3471 48.172 27.6469 48.172 30.83 47.464C30.9214 47.4427 31.0076 47.4032 31.0834 47.3479C31.1592 47.2926 31.2231 47.2226 31.2714 47.1421C31.3196 47.0616 31.3512 46.9722 31.3641 46.8792C31.3771 46.7863 31.3713 46.6917 31.347 46.601L30.696 44.079ZM15.21 7.64902C15.163 7.56762 15.1002 7.49651 15.0251 7.43993C14.9501 7.38335 14.8644 7.34245 14.7733 7.31968C14.6821 7.29691 14.5873 7.29273 14.4945 7.30739C14.4016 7.32205 14.3127 7.35526 14.233 7.40502C11.4742 9.14543 9.13842 11.4795 7.39599 14.237C7.34623 14.3167 7.31303 14.4057 7.29837 14.4985C7.28371 14.5913 7.28789 14.6861 7.31066 14.7773C7.33343 14.8685 7.37432 14.9541 7.4309 15.0292C7.48748 15.1042 7.55859 15.1671 7.63999 15.214L9.88599 16.533C10.0436 16.6246 10.2308 16.6511 10.4076 16.6068C10.5845 16.5626 10.7371 16.4511 10.833 16.296C12.237 14.1021 14.101 12.2394 16.296 10.837C16.451 10.7411 16.5625 10.5885 16.6068 10.4116C16.6511 10.2348 16.6246 10.0476 16.533 9.89002L15.21 7.64902ZM7.90999 21.308L5.39599 20.652C5.30528 20.6274 5.21053 20.6213 5.11741 20.6341C5.02428 20.6468 4.93468 20.6782 4.85396 20.7264C4.77323 20.7746 4.70303 20.8385 4.64754 20.9143C4.59205 20.9902 4.55242 21.0765 4.53099 21.168C3.823 24.3504 3.823 27.6496 4.53099 30.832C4.55231 30.9235 4.59184 31.0098 4.64721 31.0857C4.70258 31.1616 4.77267 31.2256 4.8533 31.2738C4.93392 31.3221 5.02343 31.3536 5.1165 31.3665C5.20956 31.3794 5.30428 31.3735 5.39499 31.349L7.92299 30.691C8.09751 30.6439 8.24702 30.531 8.34022 30.3761C8.43342 30.2212 8.46308 30.0363 8.42299 29.86C8.13992 28.5928 7.99673 27.2984 7.99599 26C7.99593 24.7027 8.13439 23.409 8.40899 22.141C8.44966 21.9645 8.42028 21.779 8.32703 21.6237C8.23379 21.4683 8.08494 21.3552 7.90999 21.308ZM9.88899 35.465L7.64599 36.785C7.56446 36.832 7.49322 36.8949 7.43655 36.97C7.37988 37.0451 7.33893 37.1309 7.31616 37.2222C7.29338 37.3135 7.28924 37.4084 7.30399 37.5013C7.31874 37.5943 7.35207 37.6833 7.40199 37.763C9.14933 40.5143 11.4817 42.8467 14.233 44.594C14.3127 44.6439 14.4017 44.6773 14.4947 44.692C14.5876 44.7068 14.6826 44.7026 14.7738 44.6799C14.8651 44.6571 14.9509 44.6161 15.026 44.5595C15.1011 44.5028 15.164 44.4316 15.211 44.35L16.531 42.107C16.6214 41.9499 16.6474 41.7638 16.6034 41.5879C16.5594 41.412 16.4488 41.26 16.295 41.164C14.1003 39.7592 12.2365 37.895 10.832 35.7C10.736 35.5462 10.584 35.4357 10.4081 35.3916C10.2322 35.3476 10.0461 35.3746 9.88899 35.465ZM41.16 35.7C39.7552 37.8951 37.891 39.7593 35.696 41.164C35.5422 41.26 35.4316 41.412 35.3876 41.5879C35.3436 41.7638 35.3695 41.9499 35.46 42.107L36.78 44.35C36.827 44.4316 36.8899 44.5028 36.965 44.5595C37.0401 44.6161 37.1258 44.6571 37.2171 44.6799C37.3084 44.7026 37.4034 44.7068 37.4963 44.692C37.5892 44.6773 37.6782 44.6439 37.758 44.594C40.5093 42.8467 42.8416 40.5143 44.589 37.763C44.6389 37.6833 44.6722 37.5943 44.687 37.5013C44.7017 37.4084 44.6976 37.3135 44.6748 37.2222C44.6521 37.1309 44.6111 37.0451 44.5544 36.97C44.4978 36.8949 44.4265 36.832 44.345 36.785L42.102 35.465C41.9448 35.3746 41.7587 35.3486 41.5828 35.3926C41.407 35.4367 41.255 35.5472 41.159 35.701M25.996 4.00002C24.3707 3.99798 22.7501 4.17607 21.164 4.53102C21.0725 4.55244 20.9862 4.59208 20.9103 4.64757C20.8344 4.70305 20.7705 4.77325 20.7224 4.85398C20.6742 4.93471 20.6428 5.02431 20.63 5.11743C20.6173 5.21056 20.6234 5.3053 20.648 5.39602L21.304 7.91202C21.3511 8.08696 21.4643 8.23681 21.6196 8.33006C21.775 8.4233 21.9604 8.45268 22.137 8.41202C23.405 8.13775 24.6987 7.99963 25.996 8.00002C27.2971 7.99907 28.5944 8.1399 29.865 8.42002C30.0414 8.46168 30.227 8.43269 30.3823 8.33926C30.5376 8.24583 30.6502 8.09536 30.696 7.92002L31.347 5.39302C31.3713 5.30237 31.3771 5.20776 31.3641 5.11481C31.3512 5.02186 31.3196 4.93247 31.2714 4.85196C31.2231 4.77145 31.1592 4.70146 31.0834 4.64615C31.0076 4.59084 30.9214 4.55135 30.83 4.53002C29.2431 4.17581 27.6219 3.99806 25.996 4.00002Z" fill="${isSelected ? '#FAB15C' : '#FFFFFF'}"/>
+                          </g>
+                          <defs>
+                              <filter id="filter0_d_2631_274104" x="6" y="6" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                  <feOffset/>
+                                  <feGaussianBlur stdDeviation="2"/>
+                                  <feComposite in2="hardAlpha" operator="out"/>
+                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2631_274104"/>
+                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2631_274104" result="shape"/>
+                              </filter>
+                              <filter id="filter1_d_2631_274104" x="0" y="0" width="51.9961" height="51.995" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                  <feOffset/>
+                                  <feGaussianBlur stdDeviation="2"/>
+                                  <feComposite in2="hardAlpha" operator="out"/>
+                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2631_274104"/>
+                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2631_274104" result="shape"/>
+                              </filter>
+                          </defs>
+                        </svg>`;
+        const markerIconRoute = 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(markerSvg);
+        return markerSvg;
+    }
+}
+
+class MapMarkerIconService {
+    constructor(rendererFactory) {
+        this.clusterMarkerIds = new BehaviorSubject([]);
+        this.clusterMarkerIds$ = this.clusterMarkerIds.asObservable();
+        this.routingMarkerIds = new BehaviorSubject([]);
+        this.routingMarkerIds$ = this.routingMarkerIds.asObservable();
+        this.markerElements = new BehaviorSubject([]);
+        this.clusterElements = new BehaviorSubject([]);
+        this.routingElements = new BehaviorSubject([]);
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    getMarkerIcon(markerId, labelName, isClosed, isFavorite, isAlwaysSelected) {
+        const markerElements = this.markerElements.getValue();
+        const previousMarkerIcon = markerElements.find((icon) => icon.id === 'marker-' + markerId);
+        if (previousMarkerIcon)
+            return previousMarkerIcon;
+        else {
+            const markerElement = this.renderer.createElement('div');
+            this.renderer.setAttribute(markerElement, 'id', 'marker-' + markerId);
+            this.renderer.addClass(markerElement, 'marker-icon');
+            const markerSvg = isClosed
+                ? MapMarkerIconsConstants.closedMarker
+                : isFavorite
+                    ? MapMarkerIconsConstants.favoriteMarker
+                    : MapMarkerIconsConstants.defaultMarker;
+            this.renderer.setProperty(markerElement, 'innerHTML', markerSvg);
+            if (labelName) {
+                const markerLabelElement = this.renderer.createElement('div');
+                this.renderer.addClass(markerLabelElement, 'marker-label');
+                this.renderer.setProperty(markerLabelElement, 'innerHTML', labelName.toUpperCase());
+                this.renderer.appendChild(markerElement, markerLabelElement);
+            }
+            if (isAlwaysSelected)
+                this.renderer.addClass(markerElement, 'selected-permanently');
+            markerElements.push(markerElement);
+            this.markerElements.next(markerElements);
+            return markerElement;
+        }
+    }
+    getClusterMarkerIcon(markerData) {
+        const clusterElements = this.clusterElements.getValue();
+        const clusterId = this.createClusterId(markerData);
+        const previousClusterIcon = clusterElements.find((icon) => icon.id === 'cluster-' + clusterId);
+        if (previousClusterIcon)
+            return previousClusterIcon;
+        else {
+            const markerElement = this.renderer.createElement('div');
+            this.renderer.setAttribute(markerElement, 'id', 'cluster-' + clusterId);
+            this.renderer.addClass(markerElement, 'cluster-icon');
+            const markerSvg = MapMarkerIconHelper.getClusterMarker(markerData.data.count, false);
+            this.renderer.setProperty(markerElement, 'innerHTML', markerSvg);
+            clusterElements.push(markerElement);
+            this.clusterElements.next(clusterElements);
+            return markerElement;
+        }
+    }
+    getRoutingMarkerIcon(markerData, stopNumber, stopType, isStopChecked, isLightMode, labelName) {
+        const routingElements = this.routingElements.getValue();
+        const routingId = this.createRoutingId(markerData);
+        const previousClusterIcon = routingElements.find((icon) => icon.id === 'routingMarker-' + routingId);
+        if (previousClusterIcon)
+            return previousClusterIcon;
+        else {
+            const markerElement = this.renderer.createElement('div');
+            this.renderer.setAttribute(markerElement, 'id', 'routingMarker-' + routingId);
+            this.renderer.addClass(markerElement, 'routing-icon');
+            const markerSvg = MapMarkerIconHelper.getRoutingMarkerIcon(stopNumber, stopType, isStopChecked, isLightMode);
+            this.renderer.setProperty(markerElement, 'innerHTML', markerSvg);
+            if (labelName) {
+                const markerLabelElement = this.renderer.createElement('div');
+                this.renderer.addClass(markerLabelElement, 'marker-label');
+                this.renderer.setProperty(markerLabelElement, 'innerHTML', labelName.toUpperCase());
+                this.renderer.appendChild(markerElement, markerLabelElement);
+            }
+            routingElements.push(markerElement);
+            this.routingElements.next(routingElements);
+            return markerElement;
+        }
+    }
+    createClusterId(clusterData) {
+        const clusterMarkers = this.clusterMarkerIds.getValue();
+        const clusterId = clusterMarkers.find((item) => clusterData.position.lat === item.position.lat &&
+            clusterData.position.lng === item.position.lng)?.id;
+        if (clusterId)
+            return clusterId;
+        else {
+            const newId = clusterMarkers.length + 1;
+            const newData = {
+                ...clusterData,
+                id: newId,
+            };
+            clusterMarkers.push(newData);
+            this.clusterMarkerIds.next(clusterMarkers);
+            return newId;
+        }
+    }
+    createRoutingId(markerData) {
+        const routingMarkers = this.routingMarkerIds.getValue();
+        const routingId = routingMarkers.find((item) => markerData.position.lat === item.position.lat &&
+            markerData.position.lng === item.position.lng)?.id;
+        if (routingId)
+            return routingId;
+        else {
+            const newId = routingMarkers.length + 1;
+            const newData = {
+                ...markerData,
+                id: newId,
+            };
+            routingMarkers.push(newData);
+            this.routingMarkerIds.next(routingMarkers);
+            return newId;
+        }
+    }
+    resetMarkersData() {
+        this.clusterMarkerIds.next([]);
+        this.routingMarkerIds.next([]);
+        this.markerElements.next([]);
+        this.clusterElements.next([]);
+        this.routingElements.next([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapMarkerIconService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapMarkerIconService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapMarkerIconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+
 class CaMapComponent {
-    constructor(cd) {
+    constructor(cd, el, renderer, 
+    // Services
+    markerIconService) {
         this.cd = cd;
+        this.el = el;
+        this.renderer = renderer;
+        this.markerIconService = markerIconService;
         this.resetSelectedMarkerItem = new EventEmitter();
         this.clusterMarkerClick = new EventEmitter();
         this.clusterListScrollEvent = new EventEmitter();
         this.getInfoWindowData = new EventEmitter();
         this.boundsChanged = new EventEmitter();
         this.openInMapEvent = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.currentlyOpenWindow = false;
         this.directionService = new google.maps.DirectionsService();
         this.directionsRenderers = [];
-        this.initialIcons = [];
-        this.initialMarkerIcons = [];
         this.infoWindowOptions = MapInfoWindowOptionsConstants.mapInfoWindowOptions;
         this.mapOptions = MapOptionsConstants.defaultMapOptions;
         this.mapZoom = MapOptionsConstants.defaultMapZoom;
@@ -15575,34 +16009,25 @@ class CaMapComponent {
         this.openedInfoWindowData = null;
         this.areaFilterData = MapOptionsConstants.areaFilterData;
         this.isAreaFilterActive = false;
-        this.hoveredMarkerId = null;
+        this.mapStyles = MapConstants.GOOGLE_MAP_STYLES;
+        this.clusterMarkerIds = [];
+        this.routingMarkerIds = [];
+        this.isMarkerDropdownOpen = false;
+        this.isClusterDropdownOpen = false;
+        this.openDropdownTimeout = 0;
+        this.mapStyleId = 'd681904a390a8402';
     }
     set data(values) {
         this.handleMapData(values);
     }
     ngOnInit() {
-        this.storeInitialIconForMarker();
-        this.storeInitialIconForRoutingMarker();
         // Reset all icons to their initial state on page load
         this.resetMarkersIcons();
-        this.resetRoutingMarkers();
-    }
-    storeInitialIconForMarker() {
-        this.initialMarkerIcons = [];
-        this.mapData.markers?.forEach((marker, index) => {
-            this.initialMarkerIcons[index] = {
-                url: marker.icon.url,
-                labelOrigin: marker.icon.labelOrigin,
-                zIndex: marker.options?.zIndex ?? 1,
-            };
-        });
+        this.getServiceData();
     }
-    storeInitialIconForRoutingMarker() {
-        this.mapData.routingMarkers?.forEach((marker, index) => {
-            this.initialIcons[index] = {
-                url: marker.icon.url,
-                labelOrigin: marker.icon.labelOrigin,
-            };
+    ngAfterViewInit() {
+        this.maps.googleMap?.addListener('click', () => {
+            this.closeInfoWindow();
         });
     }
     onClusterMarkerClick(markerItem) {
@@ -15643,20 +16068,24 @@ class CaMapComponent {
                     travelMode: google.maps.TravelMode.BICYCLING,
                 };
                 this.directionService.route(request, (result, status) => {
-                    if (status === google.maps.DirectionsStatus.OK && result?.routes[0]) {
+                    if (status === google.maps.DirectionsStatus.OK &&
+                        result?.routes[0]) {
                         const directionsRenderer = new google.maps.DirectionsRenderer({
                             suppressInfoWindows: true,
                             suppressMarkers: true,
                             preserveViewport: true,
                             polylineOptions: {
-                                strokeColor: route.strokeColor || GoogleMapEnum.STROKE_COLOR,
+                                strokeColor: route.strokeColor ||
+                                    GoogleMapEnum.STROKE_COLOR,
                                 strokeOpacity: !route.isDashed
-                                    ? route.strokeOpacity || GoogleMapEnum.STROKE_OPACITY
+                                    ? route.strokeOpacity ||
+                                        GoogleMapEnum.STROKE_OPACITY
                                     : 0,
-                                strokeWeight: route.strokeWeight || GoogleMapEnum.STROKE_WEIGHT,
+                                strokeWeight: route.strokeWeight ||
+                                    GoogleMapEnum.STROKE_WEIGHT,
                                 icons: route.isDashed
-                                    ? route.dashedLineStyle ??
-                                        MapOptionsConstants.routingDashedLineIcon
+                                    ? (route.dashedLineStyle ??
+                                        MapOptionsConstants.routingDashedLineIcon)
                                     : null,
                             },
                         });
@@ -15671,112 +16100,31 @@ class CaMapComponent {
             return;
         }
     }
-    onRoutingMarkerClick(i, event, markeritem) {
-        // if (markeritem?.infoWindowContent) {
-        //   if (
-        //     this.currentlyOpenWindowIndexRouting === i &&
-        //     this.currentlyOpenWindowRouting
-        //   ) {
-        //     const infoWindow = this.infoWindowsViewRouting.toArray()[i];
-        //     // Close the currently open info window and reset the index
-        //     this.mapData.routingMarkers!.map((item: IMapMarkers, index: number) => {
-        //       if (index === i) {
-        //         item.icon = {
-        //           url: this.initialIcons[index]!.url,
-        //           labelOrigin: this.initialIcons[index]!.labelOrigin,
-        //         };
-        //       }
-        //     });
-        //     infoWindow.close();
-        //     this.currentlyOpenWindowIndexRouting = null;
-        //   } else {
-        //     const markerIndex = this.markerRouting.toArray()[i];
-        //     const infoWindow = this.infoWindowsViewRouting.toArray()[i];
-        //     if (this.currentlyOpenWindowRouting) {
-        //       this.currentlyOpenWindowRouting.close();
-        //     }
-        //     if (infoWindow) {
-        //       // Restore the previous icon for the previously focused routing marker
-        //       if (
-        //         this.focusedIconRouting !== undefined &&
-        //         this.focusedIconRouting !== i
-        //       ) {
-        //         const previousFocusedItem =
-        //           this.mapData.routingMarkers![this.focusedIconRouting];
-        //         if (previousFocusedItem) {
-        //           previousFocusedItem.icon = {
-        //             url: this.initialIcons[this.focusedIconRouting].url,
-        //             labelOrigin:
-        //               this.initialIcons[this.focusedIconRouting].labelOrigin,
-        //           };
-        //         }
-        //       }
-        //       // Update the current marker
-        //       this.mapData.routingMarkers!.map(
-        //         (item: IMapMarkers, index: number) => {
-        //           if (index === i) {
-        //             this.previousIconUrlRouting = item.icon ? item.icon.url : '';
-        //             this.focusedIconRouting = i;
-        //             this.showLabel = false;
-        //             item.icon = {
-        //               url:
-        //                 this.mapData.isUnitViewStops || this.mapData.isDriverMiles
-        //                   ? item.icon!.url
-        //                   : MapSvgRoutes.markerSvgRoute,
-        //             };
-        //           } else {
-        //             this.showLabel = true;
-        //           }
-        //         }
-        //       );
-        //       infoWindow.open(markerIndex);
-        //       this.currentlyOpenWindowRouting = infoWindow;
-        //       this.currentlyOpenWindowIndexRouting = i;
-        //     }
-        //   }
-        //   this.markerClick.emit(markeritem);
-        // } else {
-        //   return;
-        // }
-    }
-    ngAfterViewInit() {
-        this.maps.googleMap?.addListener('click', () => {
-            this.closeInfoWindow();
-            this.mapData.routingMarkers?.map((item, i) => {
-                if (i === this.focusedIconRouting) {
-                    item.icon = {
-                        url: this.initialIcons[i].url,
-                    };
-                    this.cd.detectChanges();
-                }
-            });
-        });
-    }
     resetMarkersIcons() {
         this.mapData.markers?.map((marker, index) => {
+            const markerIcon = this.el.nativeElement.querySelector('#marker-' + marker.id);
+            this.renderer.removeClass(markerIcon, MapMarkerStringEnum.SELECTED);
+            this.isMarkerDropdownOpen = false;
             return {
                 ...marker,
-                icon: {
-                    ...marker.icon,
-                    scaledSize: marker.isLargeMarker
-                        ? MapOptionsConstants.largeMarkerSize
-                        : MapOptionsConstants.defaultMarkerSize,
-                },
                 options: { zIndex: index + 1 },
             };
         });
-        this.cd.detectChanges();
-    }
-    resetRoutingMarkers() {
-        this.mapData.routingMarkers?.forEach((marker, index) => {
-            marker.icon = {
-                url: marker.icon.url,
-                labelOrigin: marker.icon.labelOrigin,
-            };
+        this.mapData.clusterMarkers?.map((clusterMarker, index) => {
+            const clusterId = this.getClusterId(clusterMarker);
+            const markerIcon = this.el.nativeElement.querySelector('#cluster-' + clusterId);
+            this.renderer.removeClass(markerIcon, MapMarkerStringEnum.SELECTED);
+            this.isClusterDropdownOpen = false;
         });
+        this.cd.detectChanges();
     }
     onMapReady(mapInstance) {
         this.map = mapInstance;
+        if (this.mapData?.darkMode) {
+            const styledMapType = new google.maps.StyledMapType(MapConstants.GOOGLE_MAP_DARK_STYLES);
+            this.map.mapTypes.set(GoogleMapEnum.DARK_MAP, styledMapType);
+            this.map.setMapTypeId(GoogleMapEnum.DARK_MAP);
+        }
         if (this.mapData.stateBoundariesUrl) {
             const stateBoundariesUrl = this.mapData.stateBoundariesUrl.url;
             this.maps.googleMap?.data.loadGeoJson(stateBoundariesUrl);
@@ -15834,63 +16182,54 @@ class CaMapComponent {
     onClusterBackButtonClick() {
         this.resetSelectedMarkerItem.emit(true);
     }
-    getNewData(data) {
-        const newMarkers = data?.markers?.map((marker) => {
-            const isSelectedMarker = this.checkInfoWindowPosition(marker, this.openedInfoWindowData);
-            if (isSelectedMarker) {
-                const newMarkerData = {
-                    ...marker,
-                    icon: {
-                        ...marker.icon,
-                        scaledSize: MapOptionsConstants.largeMarkerSize,
-                    },
-                    options: { zIndex: 999 },
-                };
-                return newMarkerData;
-            }
-            return marker;
-        });
-        return {
-            ...data,
-            markers: newMarkers,
-        };
-    }
     openMarkerInfoWindow(markerItem) {
         const isInfoWindowOpened = this.checkInfoWindowPosition(markerItem, this.openedInfoWindowData);
-        const isClusterItemChanged = this.checkClusterDataChanges(markerItem, this.openedInfoWindowData);
-        if (this.infoWindowsView && (!isInfoWindowOpened || isClusterItemChanged)) {
-            this.mapData.markers.map((item, index) => {
-                const isSelectedMarker = this.checkInfoWindowPosition(item, markerItem);
-                if (isSelectedMarker) {
-                    item.icon = {
-                        ...item.icon,
-                        scaledSize: MapOptionsConstants.largeMarkerSize,
-                    };
-                    item.options = { zIndex: 999 };
-                }
-                else {
-                    item.icon = {
-                        ...item.icon,
-                        scaledSize: item.isLargeMarker
-                            ? MapOptionsConstants.largeMarkerSize
-                            : MapOptionsConstants.defaultMarkerSize,
-                    };
-                    item.options = { zIndex: index + 1 };
-                }
-            });
-            this.currentlyOpenWindow = this.infoWindowsView;
-            this.openedInfoWindowData = markerItem;
-            if (!isInfoWindowOpened) {
-                this.map.panTo(markerItem.position);
+        const combinedMarkers = [
+            ...this.mapData.markers,
+            ...this.mapData.clusterMarkers,
+        ];
+        combinedMarkers.forEach((item, index) => {
+            const isSelectedMarker = this.checkInfoWindowPosition(item, markerItem);
+            const isClusterMarker = item?.data?.count > 1;
+            const clusterId = isClusterMarker ? this.getClusterId(item) : null;
+            const markerIconId = isClusterMarker
+                ? '#cluster-' + clusterId
+                : '#marker-' + item.id;
+            const dropdownElement = isClusterMarker
+                ? this.clusterDropdown.nativeElement
+                : this.markerDropdown.nativeElement;
+            if (isSelectedMarker) {
+                item.options = { zIndex: 999 };
+                if (isClusterMarker)
+                    this.isMarkerDropdownOpen = false;
+                else
+                    this.isClusterDropdownOpen = false;
+                clearTimeout(this.openDropdownTimeout);
+                this.openDropdownTimeout = setTimeout(() => {
+                    const markerIcon = this.el.nativeElement.querySelector(markerIconId);
+                    if (!(markerIcon?.previousSibling === dropdownElement))
+                        this.renderer.insertBefore(markerIcon?.parentNode, dropdownElement, markerIcon);
+                    if (markerIcon &&
+                        !markerIcon.classList.contains(MapMarkerStringEnum.SELECTED))
+                        this.renderer.addClass(markerIcon, MapMarkerStringEnum.SELECTED);
+                    this.isMarkerDropdownOpen = !isClusterMarker;
+                    this.isClusterDropdownOpen = isClusterMarker;
+                    this.cd.detectChanges();
+                }, 50);
+            }
+            else {
+                const markerIcon = this.el.nativeElement.querySelector(markerIconId);
+                if (markerIcon?.classList.contains(MapMarkerStringEnum.SELECTED))
+                    this.renderer.removeClass(markerIcon, MapMarkerStringEnum.SELECTED);
                 setTimeout(() => {
-                    this.infoWindowOptions = {
-                        ...this.infoWindowOptions,
-                        position: markerItem.position,
-                    };
-                    this.infoWindowsView.open();
-                }, 0);
+                    item.options = { zIndex: index + 1 };
+                }, 50);
             }
-        }
+        });
+        this.currentlyOpenWindow = true;
+        this.openedInfoWindowData = markerItem;
+        if (!isInfoWindowOpened)
+            this.map.panTo(markerItem.position);
     }
     checkInfoWindowPosition(markerItem, markerItem2) {
         return (markerItem.position.lat === markerItem2?.position?.lat &&
@@ -15898,13 +16237,15 @@ class CaMapComponent {
     }
     closeInfoWindow() {
         this.resetMarkersIcons();
-        this.openedInfoWindowData = null;
-        this.currentlyOpenWindow = null;
-        this.infoWindowsView.close();
+        setTimeout(() => (this.openedInfoWindowData = null), 250);
+        clearTimeout(this.openDropdownTimeout);
+        this.isMarkerDropdownOpen = false;
+        this.isClusterDropdownOpen = false;
+        this.currentlyOpenWindow = false;
         this.resetSelectedMarkerItem.emit();
     }
     handleMapData(newData) {
-        this.mapData = this.getNewData(newData);
+        this.mapData = { ...newData };
         if (this.mapData.selectedMarkerData)
             this.openMarkerInfoWindow(this.mapData.selectedMarkerData);
         else if (this.currentlyOpenWindow)
@@ -15919,26 +16260,20 @@ class CaMapComponent {
         this.calculateAndDisplayRoute();
         this.cd.detectChanges();
     }
+    getClusterId(clusterData) {
+        const clusterId = this.clusterMarkerIds.find((item) => clusterData.position.lat === item.position.lat &&
+            clusterData.position.lng === item.position.lng)?.id;
+        return clusterId || null;
+    }
+    getRoutingId(markerData) {
+        const routingId = this.routingMarkerIds.find((item) => markerData.position.lat === item.position.lat &&
+            markerData.position.lng === item.position.lng)?.id;
+        return routingId || null;
+    }
     onClusterListScrollToEnd() {
         if (this.openedInfoWindowData)
             this.clusterListScrollEvent.emit(this.openedInfoWindowData);
     }
-    checkClusterDataChanges(newData, previousData) {
-        return newData.infoWindowContent?.clusterData
-            ? newData.infoWindowContent?.selectedClusterItemData?.data?.id !==
-                previousData?.infoWindowContent?.selectedClusterItemData?.data?.id ||
-                newData.infoWindowContent?.clusterData?.length !==
-                    previousData?.infoWindowContent?.clusterData?.length
-            : false;
-    }
-    onMarkerMouseover(markerItem) {
-        if (markerItem?.label?.isShowOnHover)
-            this.hoveredMarkerId = markerItem?.data?.id;
-    }
-    onMarkerMouseout(markerItem) {
-        if (markerItem?.label?.isShowOnHover)
-            this.hoveredMarkerId = null;
-    }
     onZoomChange(isMinusClick) {
         const currentZoomLevel = this.map?.getZoom();
         if (currentZoomLevel) {
@@ -15951,6 +16286,18 @@ class CaMapComponent {
     onOpenInMap() {
         this.openInMapEvent.emit();
     }
+    getServiceData() {
+        this.markerIconService.clusterMarkerIds$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((clusterIds) => {
+            this.clusterMarkerIds = clusterIds;
+        });
+        this.markerIconService.routingMarkerIds$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((routingIds) => {
+            this.routingMarkerIds = routingIds;
+        });
+    }
     trackById(index, marker) {
         return marker.data.id;
     }
@@ -15962,11 +16309,13 @@ class CaMapComponent {
     }
     ngOnDestroy() {
         this.directionsRenderers.forEach((renderer) => renderer.setMap(null));
+        this.destroy$.next();
+        this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "infoWindowsView", first: true, predicate: MapInfoWindow, descendants: true }], ngImport: i0, template: "<google-map\n  class=\"position-relative\"\n  [class.dark-mode-map]=\"mapData.darkMode\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"mapZoom\"\n  [center]=\"mapCenter\"\n  [options]=\"mapOptions\"\n  (mapInitialized)=\"onMapReady($event)\"\n>\n  <map-marker\n    #marker=\"mapMarker\"\n    *ngFor=\"\n      let markeritem of mapData.markers;\n      let i = index;\n      trackBy: trackById\n    \"\n    [position]=\"markeritem.position\"\n    [icon]=\"markeritem.icon!\"\n    [label]=\"\n      (openedInfoWindowData?.position?.lat === markeritem?.position?.lat &&\n        openedInfoWindowData?.position?.lng === markeritem?.position?.lng) ||\n      (markeritem.label?.isShowOnHover &&\n        hoveredMarkerId !== markeritem.data.id)\n        ? ''\n        : markeritem.label!\n    \"\n    [options]=\"markeritem.options!\"\n    (mapClick)=\"onMarkerClick(markeritem)\"\n    (mapMouseover)=\"onMarkerMouseover(markeritem)\"\n    (mapMouseout)=\"onMarkerMouseout(markeritem)\"\n  >\n  </map-marker>\n\n  <map-info-window\n    #infoWindowsView=\"mapInfoWindow\"\n    [options]=\"infoWindowOptions\"\n  >\n    <ng-container *ngIf=\"openedInfoWindowData !== null\">\n      <app-ca-map-dropdown\n        [infoWindowContent]=\"openedInfoWindowData.infoWindowContent\"\n        [markerData]=\"openedInfoWindowData.data\"\n        (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n        (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n        (onBackButtonClick)=\"onClusterBackButtonClick()\"\n      ></app-ca-map-dropdown>\n    </ng-container>\n  </map-info-window>\n\n  <map-marker\n    #markerCluster=\"mapMarker\"\n    *ngFor=\"\n      let marker of mapData.clusterMarkers;\n      let i = index;\n      trackBy: trackByPosition\n    \"\n    [position]=\"marker.position\"\n    [icon]=\"marker.icon\"\n    (mapClick)=\"onClusterMarkerClick(marker)\"\n  >\n  </map-marker>\n\n  <ng-container *ngIf=\"isAreaFilterActive\">\n    <map-circle\n      [options]=\"areaFilterData.options\"\n      [center]=\"areaFilterData.center\"\n      [radius]=\"areaFilterData.radius\"\n    ></map-circle>\n  </ng-container>\n\n  <map-marker\n    #markerRouting=\"mapMarker\"\n    *ngFor=\"\n      let markeritem of mapData.routingMarkers;\n      let i = index;\n      trackBy: identity\n    \"\n    [position]=\"markeritem.position\"\n    [icon]=\"markeritem.icon!\"\n    [label]=\"focusedIconRouting !== i ? markeritem.label! : ''\"\n    [options]=\"markeritem.options!\"\n    (mapClick)=\"onRoutingMarkerClick(i, $event, markeritem)\"\n  >\n    <map-info-window #infoWindowsViewRouting=\"mapInfoWindow\">\n      <app-ca-map-dropdown></app-ca-map-dropdown>\n    </map-info-window>\n  </map-marker>\n\n  <ng-container *ngIf=\"mapData.isOpenInMapShown\">\n    <div\n      class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n      ngbTooltip\n      mainCaTooltip=\"Open in Map\"\n      tooltipBackground=\"#424242\"\n      position=\"bottom\"\n      (click)=\"onOpenInMap()\"\n    >\n      <svg-icon\n        class=\"d-flex\"\n        src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n      ></svg-icon>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"mapData.isZoomShown\">\n    <div\n      class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n      [ngClass]=\"{\n        'flex-column': !mapData.isVerticalZoom,\n        'vertical-zoom-buttons': mapData.isVerticalZoom\n      }\"\n    >\n      <div class=\"map-zoom-buttons d-flex align-items-center\" [class.flex-column]=\"mapData.isVerticalZoom\">\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\"\n            src=\"assets/ca-components/svg/popup/Minus.svg\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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\"\n            src=\"assets/ca-components/svg/common/ic_plus.svg\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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  </ng-container>\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]{width:100px;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;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]{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-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:#dadada}.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}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\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 trackByPosition($index, clusterMarker)\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    <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 (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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;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{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-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:#dadada}.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-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;pointer-events:none}.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}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Modules
-                GoogleMapsModule }, { kind: "component", type: i1$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: i1$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: i1$3.MapInfoWindow, selector: "map-info-window", inputs: ["options", "position"], outputs: ["closeclick", "contentChanged", "domready", "positionChanged", "zindexChanged", "infoWindowInitialized"], exportAs: ["mapInfoWindow"] }, { kind: "directive", type: i1$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 
+                GoogleMapsModule }, { kind: "component", type: i2$2.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$2.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$2.MapAdvancedMarker, selector: "map-advanced-marker", inputs: ["title", "position", "content", "gmpDraggable", "options", "zIndex"], outputs: ["mapClick", "mapDrag", "mapDragend", "mapDragstart", "markerInitialized"], exportAs: ["mapAdvancedMarker"] }, { 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: 
                 // Components
                 CaMapDropdownComponent, selector: "app-ca-map-dropdown", inputs: ["infoWindowContent", "markerData"], outputs: ["onClusterItemClick", "onClusterListScrollToEnd", "onBackButtonClick", "bodyActions"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -15981,8 +16330,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Components
                         CaMapDropdownComponent,
                         CaAppTooltipV2Component,
-                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n  class=\"position-relative\"\n  [class.dark-mode-map]=\"mapData.darkMode\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"mapZoom\"\n  [center]=\"mapCenter\"\n  [options]=\"mapOptions\"\n  (mapInitialized)=\"onMapReady($event)\"\n>\n  <map-marker\n    #marker=\"mapMarker\"\n    *ngFor=\"\n      let markeritem of mapData.markers;\n      let i = index;\n      trackBy: trackById\n    \"\n    [position]=\"markeritem.position\"\n    [icon]=\"markeritem.icon!\"\n    [label]=\"\n      (openedInfoWindowData?.position?.lat === markeritem?.position?.lat &&\n        openedInfoWindowData?.position?.lng === markeritem?.position?.lng) ||\n      (markeritem.label?.isShowOnHover &&\n        hoveredMarkerId !== markeritem.data.id)\n        ? ''\n        : markeritem.label!\n    \"\n    [options]=\"markeritem.options!\"\n    (mapClick)=\"onMarkerClick(markeritem)\"\n    (mapMouseover)=\"onMarkerMouseover(markeritem)\"\n    (mapMouseout)=\"onMarkerMouseout(markeritem)\"\n  >\n  </map-marker>\n\n  <map-info-window\n    #infoWindowsView=\"mapInfoWindow\"\n    [options]=\"infoWindowOptions\"\n  >\n    <ng-container *ngIf=\"openedInfoWindowData !== null\">\n      <app-ca-map-dropdown\n        [infoWindowContent]=\"openedInfoWindowData.infoWindowContent\"\n        [markerData]=\"openedInfoWindowData.data\"\n        (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n        (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n        (onBackButtonClick)=\"onClusterBackButtonClick()\"\n      ></app-ca-map-dropdown>\n    </ng-container>\n  </map-info-window>\n\n  <map-marker\n    #markerCluster=\"mapMarker\"\n    *ngFor=\"\n      let marker of mapData.clusterMarkers;\n      let i = index;\n      trackBy: trackByPosition\n    \"\n    [position]=\"marker.position\"\n    [icon]=\"marker.icon\"\n    (mapClick)=\"onClusterMarkerClick(marker)\"\n  >\n  </map-marker>\n\n  <ng-container *ngIf=\"isAreaFilterActive\">\n    <map-circle\n      [options]=\"areaFilterData.options\"\n      [center]=\"areaFilterData.center\"\n      [radius]=\"areaFilterData.radius\"\n    ></map-circle>\n  </ng-container>\n\n  <map-marker\n    #markerRouting=\"mapMarker\"\n    *ngFor=\"\n      let markeritem of mapData.routingMarkers;\n      let i = index;\n      trackBy: identity\n    \"\n    [position]=\"markeritem.position\"\n    [icon]=\"markeritem.icon!\"\n    [label]=\"focusedIconRouting !== i ? markeritem.label! : ''\"\n    [options]=\"markeritem.options!\"\n    (mapClick)=\"onRoutingMarkerClick(i, $event, markeritem)\"\n  >\n    <map-info-window #infoWindowsViewRouting=\"mapInfoWindow\">\n      <app-ca-map-dropdown></app-ca-map-dropdown>\n    </map-info-window>\n  </map-marker>\n\n  <ng-container *ngIf=\"mapData.isOpenInMapShown\">\n    <div\n      class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n      ngbTooltip\n      mainCaTooltip=\"Open in Map\"\n      tooltipBackground=\"#424242\"\n      position=\"bottom\"\n      (click)=\"onOpenInMap()\"\n    >\n      <svg-icon\n        class=\"d-flex\"\n        src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n      ></svg-icon>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"mapData.isZoomShown\">\n    <div\n      class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n      [ngClass]=\"{\n        'flex-column': !mapData.isVerticalZoom,\n        'vertical-zoom-buttons': mapData.isVerticalZoom\n      }\"\n    >\n      <div class=\"map-zoom-buttons d-flex align-items-center\" [class.flex-column]=\"mapData.isVerticalZoom\">\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\"\n            src=\"assets/ca-components/svg/popup/Minus.svg\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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\"\n            src=\"assets/ca-components/svg/common/ic_plus.svg\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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  </ng-container>\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]{width:100px;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;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]{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-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:#dadada}.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}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
+                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\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 trackByPosition($index, clusterMarker)\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    <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 (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\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;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{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-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:#dadada}.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-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;pointer-events:none}.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}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MapMarkerIconService }], propDecorators: { data: [{
                 type: Input
             }], resetSelectedMarkerItem: [{
                 type: Output
@@ -15999,9 +16348,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], maps: [{
                 type: ViewChild,
                 args: [GoogleMap, { static: false }]
-            }], infoWindowsView: [{
+            }], markerDropdown: [{
+                type: ViewChild,
+                args: ['markerDropdown']
+            }], clusterDropdown: [{
                 type: ViewChild,
-                args: [MapInfoWindow]
+                args: ['clusterDropdown']
             }] } });
 
 class SafeHtmlPipe {
@@ -16854,7 +17206,7 @@ class CaDropdownMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaDropdownMenuComponent, isStandalone: true, selector: "ca-dropdown-menu", inputs: { type: "type", options: "options", placement: "placement", isDarkBackground: "isDarkBackground", isLeftSideIconPosition: "isLeftSideIconPosition", isPositionTranslateUnset: "isPositionTranslateUnset" }, outputs: { dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "<div\n    class=\"d-inline-block dropdown-menu-container\"\n    [ngClass]=\"\n        type | dropdownMenuPlacementClass: isPositionTranslateUnset! : placement\n    \"\n>\n    <!-- Icon -->\n\n    <div\n        ngbTooltip\n        [mainCaTooltip]=\"'More'\"\n        [tooltipBackground]=\"'transparent'\"\n        [position]=\"'bottom'\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-center dropdown-icon-container\"\n            [ngClass]=\"{\n                active: dropdownPopover.isOpen(),\n                'dark-background': isDarkBackground,\n            }\"\n            #dropdownPopover=\"ngbPopover\"\n            triggers=\"'manual'\"\n            [ngbPopover]=\"dropdownOptions\"\n            [autoClose]=\"'outside'\"\n            [placement]=\"placement\"\n            (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === dropdownMenuStringEnum.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n                \"\n                [svgStyle]=\"{\n                    'width.px': 18,\n                    'height.px': 18,\n                }\"\n            ></svg-icon>\n        </div>\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column justify-content-center dropdown-container\"\n        >\n            @for (\n                option of options;\n                let optionIndex = $index,\n                last = $last;\n                track optionIndex\n            ) {\n                <div\n                    class=\"d-flex flex-column dropdown-item\"\n                    [ngClass]=\"{\n                        'has-border': option?.hasBorder && !last,\n                        disabled: option?.isDisabled,\n                        'icon-left': isLeftSideIconPosition,\n                    }\"\n                >\n                    <div\n                        class=\"d-flex flex-column\"\n                        [ngClass]=\"{\n                            'inner-dropdown-item':\n                                !!option?.innerDropdownContent,\n                            active:\n                                optionIndex === activeInnerDropdownOptionIndex,\n                        }\"\n                        [ngStyle]=\"{\n                            'margin-bottom':\n                                option?.hasBorder || last ? 0 : '4px',\n                        }\"\n                    >\n                        <div\n                            class=\"d-flex align-items-center w-100 dropdown-item-option\"\n                            [ngClass]=\"{\n                                'justify-content-between':\n                                    !isLeftSideIconPosition,\n                            }\"\n                            (click)=\"\n                                handleDropdownOptionClick(option, optionIndex)\n                            \"\n                        >\n                            <p\n                                class=\"m-0 text-size-14 text-color-white\"\n                                [ngClass]=\"{\n                                    'ca-font-bold':\n                                        optionIndex ===\n                                        activeInnerDropdownOptionIndex,\n                                }\"\n                                [ngClass]=\"option?.titleOptionalClass\"\n                            >\n                                {{ option?.title }}\n                            </p>\n\n                            @if (\n                                option?.svgUrl || option?.innerDropdownContent\n                            ) {\n                                <svg-icon\n                                    class=\"dropdown-item-option-icon\"\n                                    [ngClass]=\"option?.svgClass\"\n                                    [src]=\"\n                                        option?.svgUrl ||\n                                        (option?.innerDropdownContent\n                                            ? dropdownMenuSvgRoutes.showMoreIcon\n                                            : '')\n                                    \"\n                                    [svgStyle]=\"{\n                                        'width.px': 18,\n                                        'height.px': 18,\n                                    }\"\n                                ></svg-icon>\n                            }\n                        </div>\n\n                        <!-- Inner Dropdown -->\n\n                        @if (!!option?.innerDropdownContent) {\n                            <div class=\"d-flex flex-column inner-dropdown-list\">\n                                @for (\n                                    innerDropdownOption of option?.innerDropdownContent;\n                                    let innerDropdownOptionIndex = $index;\n                                    track innerDropdownOptionIndex\n                                ) {\n                                    <div\n                                        class=\"d-flex align-items-center justify-content-between w-100 dropdown-item-option\"\n                                        (click)=\"\n                                            handleDropdownOptionClick(\n                                                innerDropdownOption\n                                            )\n                                        \"\n                                    >\n                                        <p\n                                            class=\"m-0 text-size-14 text-color-white\"\n                                        >\n                                            {{ innerDropdownOption.title }}\n                                        </p>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.dropdown-menu-container.dots-menu .dropdown-icon-container.active,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:2px}.dropdown-menu-container.dots-menu .dropdown-icon-container.active .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.dropdown-menu-container.dots-menu .dropdown-icon-container .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon{bottom:0}.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.dropdown-menu-container.menu-translate-unset .dropdown-container{transform:unset}.dropdown-menu-container.dots-menu .dropdown-container{transform:translate(-4px)}.dropdown-menu-container.hamburger-select-menu .dropdown-container,.dropdown-menu-container.dots-menu-bottom .dropdown-container{transform:translateY(-4px)}.dropdown-menu-container .dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-menu-container .dropdown-icon-container:hover{background:#91919133}.dropdown-menu-container .dropdown-icon-container:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container.active{background:#424242}.dropdown-menu-container .dropdown-icon-container.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-menu-container .dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container .icon{position:relative;bottom:1px;transition:transform .2s ease-in}.dropdown-menu-container .dropdown-icon-container .icon svg path,.dropdown-menu-container .dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-menu-container .dropdown-container{min-width:165px;max-width:185px;padding:4px;border-radius:3px;background:#2f2f2f}.dropdown-menu-container .dropdown-container .dropdown-item{cursor:pointer}.dropdown-menu-container .dropdown-container .dropdown-item.has-border{padding-bottom:4px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{padding-left:22px!important}.dropdown-menu-container .dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.delete svg path{fill:#e66767}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaDropdownMenuComponent, isStandalone: true, selector: "ca-dropdown-menu", inputs: { type: "type", options: "options", placement: "placement", isDarkBackground: "isDarkBackground", isLeftSideIconPosition: "isLeftSideIconPosition", isPositionTranslateUnset: "isPositionTranslateUnset" }, outputs: { dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "<div\n    class=\"d-inline-block dropdown-menu-container\"\n    [ngClass]=\"\n        type | dropdownMenuPlacementClass: isPositionTranslateUnset! : placement\n    \"\n>\n    <!-- Icon -->\n\n    <div\n        ngbTooltip\n        [mainCaTooltip]=\"'More'\"\n        [tooltipBackground]=\"'transparent'\"\n        [position]=\"'bottom'\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-center dropdown-icon-container\"\n            [ngClass]=\"{\n                active: dropdownPopover.isOpen(),\n                'dark-background': isDarkBackground,\n            }\"\n            #dropdownPopover=\"ngbPopover\"\n            triggers=\"'manual'\"\n            [ngbPopover]=\"dropdownOptions\"\n            [autoClose]=\"'outside'\"\n            [placement]=\"placement\"\n            (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === dropdownMenuStringEnum.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n                \"\n                [svgStyle]=\"{\n                    'width.px': 18,\n                    'height.px': 18,\n                }\"\n            ></svg-icon>\n        </div>\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column justify-content-center dropdown-container\"\n        >\n            @for (\n                option of options;\n                let optionIndex = $index,\n                last = $last;\n                track optionIndex\n            ) {\n                @if (option) {\n                    <div\n                        class=\"d-flex flex-column dropdown-item\"\n                        [ngClass]=\"{\n                            'has-border': option?.hasBorder && !last,\n                            disabled: option?.isDisabled,\n                            'icon-left': isLeftSideIconPosition,\n                        }\"\n                    >\n                        <div\n                            class=\"d-flex flex-column\"\n                            [ngClass]=\"{\n                                'inner-dropdown-item':\n                                    !!option?.innerDropdownContent,\n                                active:\n                                    optionIndex ===\n                                    activeInnerDropdownOptionIndex,\n                            }\"\n                            [ngStyle]=\"{\n                                'margin-bottom':\n                                    option?.hasBorder || last ? 0 : '4px',\n                            }\"\n                        >\n                            <div\n                                class=\"d-flex align-items-center w-100 dropdown-item-option\"\n                                [ngClass]=\"{\n                                    'justify-content-between':\n                                        !isLeftSideIconPosition,\n                                }\"\n                                (click)=\"\n                                    handleDropdownOptionClick(\n                                        option,\n                                        optionIndex\n                                    )\n                                \"\n                            >\n                                <p\n                                    class=\"m-0 text-size-14 text-color-white\"\n                                    [ngClass]=\"{\n                                        'ca-font-bold':\n                                            optionIndex ===\n                                            activeInnerDropdownOptionIndex,\n                                    }\"\n                                    [ngClass]=\"option?.titleOptionalClass\"\n                                >\n                                    {{ option?.title }}\n                                </p>\n\n                                @if (\n                                    option?.svgUrl ||\n                                    option?.innerDropdownContent\n                                ) {\n                                    <svg-icon\n                                        class=\"dropdown-item-option-icon\"\n                                        [ngClass]=\"option?.svgClass\"\n                                        [src]=\"\n                                            option?.svgUrl ||\n                                            (option?.innerDropdownContent\n                                                ? dropdownMenuSvgRoutes.showMoreIcon\n                                                : '')\n                                        \"\n                                        [svgStyle]=\"{\n                                            'width.px': 18,\n                                            'height.px': 18,\n                                        }\"\n                                    ></svg-icon>\n                                }\n                            </div>\n\n                            <!-- Inner Dropdown -->\n\n                            @if (!!option?.innerDropdownContent) {\n                                <div\n                                    class=\"d-flex flex-column inner-dropdown-list\"\n                                >\n                                    @for (\n                                        innerDropdownOption of option?.innerDropdownContent;\n                                        let innerDropdownOptionIndex = $index;\n                                        track innerDropdownOptionIndex\n                                    ) {\n                                        <div\n                                            class=\"d-flex align-items-center justify-content-between w-100 dropdown-item-option\"\n                                            (click)=\"\n                                                handleDropdownOptionClick(\n                                                    innerDropdownOption\n                                                )\n                                            \"\n                                        >\n                                            <p\n                                                class=\"m-0 text-size-14 text-color-white\"\n                                            >\n                                                {{ innerDropdownOption.title }}\n                                            </p>\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n    </ng-template>\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.dropdown-menu-container.dots-menu .dropdown-icon-container.active,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:2px}.dropdown-menu-container.dots-menu .dropdown-icon-container.active .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.dropdown-menu-container.dots-menu .dropdown-icon-container .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon{bottom:0}.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.dropdown-menu-container.menu-translate-unset .dropdown-container{transform:unset}.dropdown-menu-container.dots-menu .dropdown-container{transform:translate(-4px)}.dropdown-menu-container.hamburger-select-menu .dropdown-container,.dropdown-menu-container.dots-menu-bottom .dropdown-container{transform:translateY(-4px)}.dropdown-menu-container .dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-menu-container .dropdown-icon-container:hover{background:#91919133}.dropdown-menu-container .dropdown-icon-container:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container.active{background:#424242}.dropdown-menu-container .dropdown-icon-container.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-menu-container .dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container .icon{position:relative;bottom:1px;transition:transform .2s ease-in}.dropdown-menu-container .dropdown-icon-container .icon svg path,.dropdown-menu-container .dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-menu-container .dropdown-container{min-width:165px;max-width:185px;padding:4px;border-radius:3px;background:#2f2f2f}.dropdown-menu-container .dropdown-container .dropdown-item{cursor:pointer}.dropdown-menu-container .dropdown-container .dropdown-item.has-border{padding-bottom:4px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{padding-left:22px!important}.dropdown-menu-container .dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.delete svg path{fill:#e66767}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { 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: 
                 // components
@@ -16873,7 +17225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaAppTooltipV2Component,
                         // pipes
                         DropdownMenuPlacementClassPipe,
-                    ], template: "<div\n    class=\"d-inline-block dropdown-menu-container\"\n    [ngClass]=\"\n        type | dropdownMenuPlacementClass: isPositionTranslateUnset! : placement\n    \"\n>\n    <!-- Icon -->\n\n    <div\n        ngbTooltip\n        [mainCaTooltip]=\"'More'\"\n        [tooltipBackground]=\"'transparent'\"\n        [position]=\"'bottom'\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-center dropdown-icon-container\"\n            [ngClass]=\"{\n                active: dropdownPopover.isOpen(),\n                'dark-background': isDarkBackground,\n            }\"\n            #dropdownPopover=\"ngbPopover\"\n            triggers=\"'manual'\"\n            [ngbPopover]=\"dropdownOptions\"\n            [autoClose]=\"'outside'\"\n            [placement]=\"placement\"\n            (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === dropdownMenuStringEnum.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n                \"\n                [svgStyle]=\"{\n                    'width.px': 18,\n                    'height.px': 18,\n                }\"\n            ></svg-icon>\n        </div>\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column justify-content-center dropdown-container\"\n        >\n            @for (\n                option of options;\n                let optionIndex = $index,\n                last = $last;\n                track optionIndex\n            ) {\n                <div\n                    class=\"d-flex flex-column dropdown-item\"\n                    [ngClass]=\"{\n                        'has-border': option?.hasBorder && !last,\n                        disabled: option?.isDisabled,\n                        'icon-left': isLeftSideIconPosition,\n                    }\"\n                >\n                    <div\n                        class=\"d-flex flex-column\"\n                        [ngClass]=\"{\n                            'inner-dropdown-item':\n                                !!option?.innerDropdownContent,\n                            active:\n                                optionIndex === activeInnerDropdownOptionIndex,\n                        }\"\n                        [ngStyle]=\"{\n                            'margin-bottom':\n                                option?.hasBorder || last ? 0 : '4px',\n                        }\"\n                    >\n                        <div\n                            class=\"d-flex align-items-center w-100 dropdown-item-option\"\n                            [ngClass]=\"{\n                                'justify-content-between':\n                                    !isLeftSideIconPosition,\n                            }\"\n                            (click)=\"\n                                handleDropdownOptionClick(option, optionIndex)\n                            \"\n                        >\n                            <p\n                                class=\"m-0 text-size-14 text-color-white\"\n                                [ngClass]=\"{\n                                    'ca-font-bold':\n                                        optionIndex ===\n                                        activeInnerDropdownOptionIndex,\n                                }\"\n                                [ngClass]=\"option?.titleOptionalClass\"\n                            >\n                                {{ option?.title }}\n                            </p>\n\n                            @if (\n                                option?.svgUrl || option?.innerDropdownContent\n                            ) {\n                                <svg-icon\n                                    class=\"dropdown-item-option-icon\"\n                                    [ngClass]=\"option?.svgClass\"\n                                    [src]=\"\n                                        option?.svgUrl ||\n                                        (option?.innerDropdownContent\n                                            ? dropdownMenuSvgRoutes.showMoreIcon\n                                            : '')\n                                    \"\n                                    [svgStyle]=\"{\n                                        'width.px': 18,\n                                        'height.px': 18,\n                                    }\"\n                                ></svg-icon>\n                            }\n                        </div>\n\n                        <!-- Inner Dropdown -->\n\n                        @if (!!option?.innerDropdownContent) {\n                            <div class=\"d-flex flex-column inner-dropdown-list\">\n                                @for (\n                                    innerDropdownOption of option?.innerDropdownContent;\n                                    let innerDropdownOptionIndex = $index;\n                                    track innerDropdownOptionIndex\n                                ) {\n                                    <div\n                                        class=\"d-flex align-items-center justify-content-between w-100 dropdown-item-option\"\n                                        (click)=\"\n                                            handleDropdownOptionClick(\n                                                innerDropdownOption\n                                            )\n                                        \"\n                                    >\n                                        <p\n                                            class=\"m-0 text-size-14 text-color-white\"\n                                        >\n                                            {{ innerDropdownOption.title }}\n                                        </p>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.dropdown-menu-container.dots-menu .dropdown-icon-container.active,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:2px}.dropdown-menu-container.dots-menu .dropdown-icon-container.active .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.dropdown-menu-container.dots-menu .dropdown-icon-container .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon{bottom:0}.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.dropdown-menu-container.menu-translate-unset .dropdown-container{transform:unset}.dropdown-menu-container.dots-menu .dropdown-container{transform:translate(-4px)}.dropdown-menu-container.hamburger-select-menu .dropdown-container,.dropdown-menu-container.dots-menu-bottom .dropdown-container{transform:translateY(-4px)}.dropdown-menu-container .dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-menu-container .dropdown-icon-container:hover{background:#91919133}.dropdown-menu-container .dropdown-icon-container:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container.active{background:#424242}.dropdown-menu-container .dropdown-icon-container.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-menu-container .dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container .icon{position:relative;bottom:1px;transition:transform .2s ease-in}.dropdown-menu-container .dropdown-icon-container .icon svg path,.dropdown-menu-container .dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-menu-container .dropdown-container{min-width:165px;max-width:185px;padding:4px;border-radius:3px;background:#2f2f2f}.dropdown-menu-container .dropdown-container .dropdown-item{cursor:pointer}.dropdown-menu-container .dropdown-container .dropdown-item.has-border{padding-bottom:4px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{padding-left:22px!important}.dropdown-menu-container .dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.delete svg path{fill:#e66767}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"] }]
+                    ], template: "<div\n    class=\"d-inline-block dropdown-menu-container\"\n    [ngClass]=\"\n        type | dropdownMenuPlacementClass: isPositionTranslateUnset! : placement\n    \"\n>\n    <!-- Icon -->\n\n    <div\n        ngbTooltip\n        [mainCaTooltip]=\"'More'\"\n        [tooltipBackground]=\"'transparent'\"\n        [position]=\"'bottom'\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-center dropdown-icon-container\"\n            [ngClass]=\"{\n                active: dropdownPopover.isOpen(),\n                'dark-background': isDarkBackground,\n            }\"\n            #dropdownPopover=\"ngbPopover\"\n            triggers=\"'manual'\"\n            [ngbPopover]=\"dropdownOptions\"\n            [autoClose]=\"'outside'\"\n            [placement]=\"placement\"\n            (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === dropdownMenuStringEnum.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n                \"\n                [svgStyle]=\"{\n                    'width.px': 18,\n                    'height.px': 18,\n                }\"\n            ></svg-icon>\n        </div>\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column justify-content-center dropdown-container\"\n        >\n            @for (\n                option of options;\n                let optionIndex = $index,\n                last = $last;\n                track optionIndex\n            ) {\n                @if (option) {\n                    <div\n                        class=\"d-flex flex-column dropdown-item\"\n                        [ngClass]=\"{\n                            'has-border': option?.hasBorder && !last,\n                            disabled: option?.isDisabled,\n                            'icon-left': isLeftSideIconPosition,\n                        }\"\n                    >\n                        <div\n                            class=\"d-flex flex-column\"\n                            [ngClass]=\"{\n                                'inner-dropdown-item':\n                                    !!option?.innerDropdownContent,\n                                active:\n                                    optionIndex ===\n                                    activeInnerDropdownOptionIndex,\n                            }\"\n                            [ngStyle]=\"{\n                                'margin-bottom':\n                                    option?.hasBorder || last ? 0 : '4px',\n                            }\"\n                        >\n                            <div\n                                class=\"d-flex align-items-center w-100 dropdown-item-option\"\n                                [ngClass]=\"{\n                                    'justify-content-between':\n                                        !isLeftSideIconPosition,\n                                }\"\n                                (click)=\"\n                                    handleDropdownOptionClick(\n                                        option,\n                                        optionIndex\n                                    )\n                                \"\n                            >\n                                <p\n                                    class=\"m-0 text-size-14 text-color-white\"\n                                    [ngClass]=\"{\n                                        'ca-font-bold':\n                                            optionIndex ===\n                                            activeInnerDropdownOptionIndex,\n                                    }\"\n                                    [ngClass]=\"option?.titleOptionalClass\"\n                                >\n                                    {{ option?.title }}\n                                </p>\n\n                                @if (\n                                    option?.svgUrl ||\n                                    option?.innerDropdownContent\n                                ) {\n                                    <svg-icon\n                                        class=\"dropdown-item-option-icon\"\n                                        [ngClass]=\"option?.svgClass\"\n                                        [src]=\"\n                                            option?.svgUrl ||\n                                            (option?.innerDropdownContent\n                                                ? dropdownMenuSvgRoutes.showMoreIcon\n                                                : '')\n                                        \"\n                                        [svgStyle]=\"{\n                                            'width.px': 18,\n                                            'height.px': 18,\n                                        }\"\n                                    ></svg-icon>\n                                }\n                            </div>\n\n                            <!-- Inner Dropdown -->\n\n                            @if (!!option?.innerDropdownContent) {\n                                <div\n                                    class=\"d-flex flex-column inner-dropdown-list\"\n                                >\n                                    @for (\n                                        innerDropdownOption of option?.innerDropdownContent;\n                                        let innerDropdownOptionIndex = $index;\n                                        track innerDropdownOptionIndex\n                                    ) {\n                                        <div\n                                            class=\"d-flex align-items-center justify-content-between w-100 dropdown-item-option\"\n                                            (click)=\"\n                                                handleDropdownOptionClick(\n                                                    innerDropdownOption\n                                                )\n                                            \"\n                                        >\n                                            <p\n                                                class=\"m-0 text-size-14 text-color-white\"\n                                            >\n                                                {{ innerDropdownOption.title }}\n                                            </p>\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n    </ng-template>\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.dropdown-menu-container.dots-menu .dropdown-icon-container.active,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:2px}.dropdown-menu-container.dots-menu .dropdown-icon-container.active .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container.active .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.dropdown-menu-container.dots-menu .dropdown-icon-container .icon,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon{bottom:0}.dropdown-menu-container.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.dropdown-menu-container.menu-translate-unset .dropdown-container{transform:unset}.dropdown-menu-container.dots-menu .dropdown-container{transform:translate(-4px)}.dropdown-menu-container.hamburger-select-menu .dropdown-container,.dropdown-menu-container.dots-menu-bottom .dropdown-container{transform:translateY(-4px)}.dropdown-menu-container .dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-menu-container .dropdown-icon-container:hover{background:#91919133}.dropdown-menu-container .dropdown-icon-container:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container.active{background:#424242}.dropdown-menu-container .dropdown-icon-container.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-menu-container .dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg path,.dropdown-menu-container .dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-menu-container .dropdown-icon-container .icon{position:relative;bottom:1px;transition:transform .2s ease-in}.dropdown-menu-container .dropdown-icon-container .icon svg path,.dropdown-menu-container .dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-menu-container .dropdown-container{min-width:165px;max-width:185px;padding:4px;border-radius:3px;background:#2f2f2f}.dropdown-menu-container .dropdown-container .dropdown-item{cursor:pointer}.dropdown-menu-container .dropdown-container .dropdown-item.has-border{padding-bottom:4px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-menu-container .dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-menu-container .dropdown-container .dropdown-item.icon-left .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{padding-left:22px!important}.dropdown-menu-container .dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-menu-container .dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.delete svg path{fill:#e66767}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-menu-container .dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-menu-container .dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { type: [{
                 type: Input
             }], options: [{
@@ -17380,129 +17732,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MapSvgRoutes {
-    static { this.markerSvgRoute = 'assets/ca-components/svg/map/routing_marker.svg'; }
-    static { this.phone = 'assets/ca-components/svg/map/phone.svg'; }
-    // Routing markers
-    static { this.routingCheckedPickupMarker = 'assets/ca-components/svg/map/progress-marker-pickup.svg'; }
-    static { this.routingCheckedDeliveryMarker = 'assets/ca-components/svg/map/progress-marker-checked.svg'; }
-    static { this.routingCheckedDeadheadMarker = 'assets/ca-components/svg/map/progress_marker_reached.svg'; }
-    // Regular markers
-    static { this.defaultMarkerIcon = 'assets/ca-components/svg/map/ic_marker.svg'; }
-    static { this.favoriteMarkerIcon = 'assets/ca-components/svg/map/ic_marker_favorite.svg'; }
-    static { this.closedMarkerIcon = 'assets/ca-components/svg/map/ic_marker_closed.svg'; }
-}
-
-// Constants
-class MapMarkerIconHelper {
-    static { this.getRoutingMarkerIcon = (stopNumber, stopType, isStopChecked, isLightMode) => {
-        let markerIcon = '';
-        if (!isStopChecked) {
-            const markerSvg = this.getRoutingMarkerSvg(stopNumber, stopType, isLightMode);
-            markerIcon = 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(markerSvg);
-        }
-        else {
-            markerIcon =
-                stopType === MapMarkerStringEnum.PICKUP
-                    ? MapSvgRoutes.routingCheckedPickupMarker
-                    : stopType === MapMarkerStringEnum.DELIVERY
-                        ? MapSvgRoutes.routingCheckedDeliveryMarker
-                        : MapSvgRoutes.routingCheckedDeadheadMarker;
-        }
-        return markerIcon;
-    }; }
-    static { this.getRoutingMarkerSvg = (stopNumber, stopType, isLightMode) => {
-        const markerColor = isLightMode
-            ? MapOptionsConstants.routingMarkerLightColors[stopType]
-            : MapOptionsConstants.routingMarkerDarkColors[stopType];
-        const markerOutlineColor = MapOptionsConstants.routingMarkerOutlineColors[isLightMode
-            ? MapMarkerStringEnum.WHITE
-            : stopType];
-        const markerDotColor = MapOptionsConstants.routingMarkerDotColors[isLightMode ? MapMarkerStringEnum.LIGHT : MapMarkerStringEnum.DARK];
-        const markerSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="33" viewBox="0 0 30 33" fill="none">
-                        <circle cx="15" cy="29" r="3" fill="${markerColor}" stroke="${markerDotColor}" stroke-width="2"/>
-                        <g filter="url(#filter0_d_24060_59090)">
-                            <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" 
-                              fill="${markerOutlineColor}"
-                            />
-                        </g>
-                        <circle xmlns="http://www.w3.org/2000/svg" cx="15" cy="15" r="9" fill="${markerColor}"/>
-                        <text xmlns="http://www.w3.org/2000/svg" id="_4" data-name="4" transform="translate(15 16)" fill="#fff" font-size="11" font-family="Montserrat, sans-serif" font-weight="700" dominant-baseline="middle" text-anchor="middle" y="0">
-                            <tspan>${stopNumber ?? 0}</tspan>
-                        </text>
-                        <defs>
-                            <filter id="filter0_d_24060_59090" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-                                <feOffset/>
-                                <feGaussianBlur stdDeviation="2"/>
-                                <feComposite in2="hardAlpha" operator="out"/>
-                                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24060_59090"/>
-                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24060_59090" result="shape"/>
-                            </filter>
-                        </defs>
-                      </svg>`;
-        return markerSvg;
-    }; }
-    static getMapMarker(isFavorite, isClosed) {
-        let markerIconRoute = MapSvgRoutes.defaultMarkerIcon;
-        if (isClosed)
-            markerIconRoute = MapSvgRoutes.closedMarkerIcon;
-        else if (isFavorite)
-            markerIconRoute = MapSvgRoutes.favoriteMarkerIcon;
-        return markerIconRoute;
-    }
-    static getClusterMarker(count, isSelected) {
-        const markerSvg = `<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <g filter="url(#filter0_d_2631_274104)">
-                              <circle cx="26" cy="26" r="16" fill="white"/>
-                          </g>
-                          <circle cx="26" cy="26" r="14" fill="#FAB15C"/>
-                          <text
-                              id="_4"
-                              data-name="4"
-                              transform="translate(26 27)"
-                              fill="#fff"
-                              font-size="14"
-                              font-family="Montserrat, sans-serif"
-                              font-weight="700"
-                              dominant-baseline="middle"
-                              text-anchor="middle"
-                          >
-                              <tspan> ${count} </tspan>
-                          </text>
-                          <g opacity="0.7" filter="url(#filter1_d_2631_274104)">
-                              <path d="M36.781 7.65002L35.461 9.89302C35.3705 10.0502 35.3446 10.2363 35.3886 10.4122C35.4326 10.5881 35.5432 10.74 35.697 10.836C37.8917 12.2409 39.7555 14.1051 41.16 16.3C41.256 16.4538 41.408 16.5644 41.5838 16.6084C41.7597 16.6524 41.9458 16.6265 42.103 16.536L44.346 15.216C44.4275 15.1691 44.4988 15.1061 44.5554 15.031C44.6121 14.9559 44.653 14.8702 44.6758 14.7789C44.6986 14.6876 44.7027 14.5926 44.688 14.4997C44.6732 14.4068 44.6399 14.3178 44.59 14.238C42.8426 11.4867 40.5103 9.15436 37.759 7.40702C37.6792 7.35709 37.5902 7.32376 37.4973 7.30901C37.4044 7.29427 37.3094 7.2984 37.2181 7.32118C37.1268 7.34396 37.0411 7.38491 36.966 7.44158C36.8909 7.49825 36.8279 7.56848 36.781 7.65002ZM46.601 20.651L44.073 21.309C43.8985 21.3562 43.749 21.469 43.6558 21.6239C43.5626 21.7788 43.5329 21.9637 43.573 22.14C44.1343 24.6827 44.1343 27.3173 43.573 29.86C43.5329 30.0363 43.5626 30.2212 43.6558 30.3761C43.749 30.531 43.8985 30.6439 44.073 30.691L46.601 31.349C46.6917 31.3735 46.7864 31.3794 46.8795 31.3665C46.9725 31.3536 47.0621 31.3221 47.1427 31.2738C47.2233 31.2256 47.2934 31.1616 47.3488 31.0857C47.4041 31.0098 47.4437 30.9235 47.465 30.832C48.173 27.6496 48.173 24.3504 47.465 21.168C47.4437 21.0765 47.4041 20.9902 47.3488 20.9143C47.2934 20.8384 47.2233 20.7744 47.1427 20.7262C47.0621 20.678 46.9725 20.6464 46.8795 20.6335C46.7864 20.6206 46.6917 20.6266 46.601 20.651ZM30.696 44.079C30.6502 43.9037 30.5376 43.7532 30.3823 43.6598C30.227 43.5663 30.0414 43.5374 29.865 43.579C27.3192 44.1397 24.6818 44.1397 22.136 43.579C21.9597 43.5389 21.7748 43.5686 21.6199 43.6618C21.465 43.755 21.3521 43.9045 21.305 44.079L20.647 46.6C20.6225 46.6907 20.6166 46.7854 20.6295 46.8785C20.6424 46.9716 20.6739 47.0611 20.7222 47.1417C20.7704 47.2223 20.8344 47.2924 20.9103 47.3478C20.9862 47.4032 21.0725 47.4427 21.164 47.464C24.3471 48.172 27.6469 48.172 30.83 47.464C30.9214 47.4427 31.0076 47.4032 31.0834 47.3479C31.1592 47.2926 31.2231 47.2226 31.2714 47.1421C31.3196 47.0616 31.3512 46.9722 31.3641 46.8792C31.3771 46.7863 31.3713 46.6917 31.347 46.601L30.696 44.079ZM15.21 7.64902C15.163 7.56762 15.1002 7.49651 15.0251 7.43993C14.9501 7.38335 14.8644 7.34245 14.7733 7.31968C14.6821 7.29691 14.5873 7.29273 14.4945 7.30739C14.4016 7.32205 14.3127 7.35526 14.233 7.40502C11.4742 9.14543 9.13842 11.4795 7.39599 14.237C7.34623 14.3167 7.31303 14.4057 7.29837 14.4985C7.28371 14.5913 7.28789 14.6861 7.31066 14.7773C7.33343 14.8685 7.37432 14.9541 7.4309 15.0292C7.48748 15.1042 7.55859 15.1671 7.63999 15.214L9.88599 16.533C10.0436 16.6246 10.2308 16.6511 10.4076 16.6068C10.5845 16.5626 10.7371 16.4511 10.833 16.296C12.237 14.1021 14.101 12.2394 16.296 10.837C16.451 10.7411 16.5625 10.5885 16.6068 10.4116C16.6511 10.2348 16.6246 10.0476 16.533 9.89002L15.21 7.64902ZM7.90999 21.308L5.39599 20.652C5.30528 20.6274 5.21053 20.6213 5.11741 20.6341C5.02428 20.6468 4.93468 20.6782 4.85396 20.7264C4.77323 20.7746 4.70303 20.8385 4.64754 20.9143C4.59205 20.9902 4.55242 21.0765 4.53099 21.168C3.823 24.3504 3.823 27.6496 4.53099 30.832C4.55231 30.9235 4.59184 31.0098 4.64721 31.0857C4.70258 31.1616 4.77267 31.2256 4.8533 31.2738C4.93392 31.3221 5.02343 31.3536 5.1165 31.3665C5.20956 31.3794 5.30428 31.3735 5.39499 31.349L7.92299 30.691C8.09751 30.6439 8.24702 30.531 8.34022 30.3761C8.43342 30.2212 8.46308 30.0363 8.42299 29.86C8.13992 28.5928 7.99673 27.2984 7.99599 26C7.99593 24.7027 8.13439 23.409 8.40899 22.141C8.44966 21.9645 8.42028 21.779 8.32703 21.6237C8.23379 21.4683 8.08494 21.3552 7.90999 21.308ZM9.88899 35.465L7.64599 36.785C7.56446 36.832 7.49322 36.8949 7.43655 36.97C7.37988 37.0451 7.33893 37.1309 7.31616 37.2222C7.29338 37.3135 7.28924 37.4084 7.30399 37.5013C7.31874 37.5943 7.35207 37.6833 7.40199 37.763C9.14933 40.5143 11.4817 42.8467 14.233 44.594C14.3127 44.6439 14.4017 44.6773 14.4947 44.692C14.5876 44.7068 14.6826 44.7026 14.7738 44.6799C14.8651 44.6571 14.9509 44.6161 15.026 44.5595C15.1011 44.5028 15.164 44.4316 15.211 44.35L16.531 42.107C16.6214 41.9499 16.6474 41.7638 16.6034 41.5879C16.5594 41.412 16.4488 41.26 16.295 41.164C14.1003 39.7592 12.2365 37.895 10.832 35.7C10.736 35.5462 10.584 35.4357 10.4081 35.3916C10.2322 35.3476 10.0461 35.3746 9.88899 35.465ZM41.16 35.7C39.7552 37.8951 37.891 39.7593 35.696 41.164C35.5422 41.26 35.4316 41.412 35.3876 41.5879C35.3436 41.7638 35.3695 41.9499 35.46 42.107L36.78 44.35C36.827 44.4316 36.8899 44.5028 36.965 44.5595C37.0401 44.6161 37.1258 44.6571 37.2171 44.6799C37.3084 44.7026 37.4034 44.7068 37.4963 44.692C37.5892 44.6773 37.6782 44.6439 37.758 44.594C40.5093 42.8467 42.8416 40.5143 44.589 37.763C44.6389 37.6833 44.6722 37.5943 44.687 37.5013C44.7017 37.4084 44.6976 37.3135 44.6748 37.2222C44.6521 37.1309 44.6111 37.0451 44.5544 36.97C44.4978 36.8949 44.4265 36.832 44.345 36.785L42.102 35.465C41.9448 35.3746 41.7587 35.3486 41.5828 35.3926C41.407 35.4367 41.255 35.5472 41.159 35.701M25.996 4.00002C24.3707 3.99798 22.7501 4.17607 21.164 4.53102C21.0725 4.55244 20.9862 4.59208 20.9103 4.64757C20.8344 4.70305 20.7705 4.77325 20.7224 4.85398C20.6742 4.93471 20.6428 5.02431 20.63 5.11743C20.6173 5.21056 20.6234 5.3053 20.648 5.39602L21.304 7.91202C21.3511 8.08696 21.4643 8.23681 21.6196 8.33006C21.775 8.4233 21.9604 8.45268 22.137 8.41202C23.405 8.13775 24.6987 7.99963 25.996 8.00002C27.2971 7.99907 28.5944 8.1399 29.865 8.42002C30.0414 8.46168 30.227 8.43269 30.3823 8.33926C30.5376 8.24583 30.6502 8.09536 30.696 7.92002L31.347 5.39302C31.3713 5.30237 31.3771 5.20776 31.3641 5.11481C31.3512 5.02186 31.3196 4.93247 31.2714 4.85196C31.2231 4.77145 31.1592 4.70146 31.0834 4.64615C31.0076 4.59084 30.9214 4.55135 30.83 4.53002C29.2431 4.17581 27.6219 3.99806 25.996 4.00002Z" fill="${isSelected ? '#FAB15C' : '#FFFFFF'}"/>
-                          </g>
-                          <defs>
-                              <filter id="filter0_d_2631_274104" x="6" y="6" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-                                  <feOffset/>
-                                  <feGaussianBlur stdDeviation="2"/>
-                                  <feComposite in2="hardAlpha" operator="out"/>
-                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2631_274104"/>
-                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2631_274104" result="shape"/>
-                              </filter>
-                              <filter id="filter1_d_2631_274104" x="0" y="0" width="51.9961" height="51.995" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-                                  <feOffset/>
-                                  <feGaussianBlur stdDeviation="2"/>
-                                  <feComposite in2="hardAlpha" operator="out"/>
-                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2631_274104"/>
-                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2631_274104" result="shape"/>
-                              </filter>
-                          </defs>
-                        </svg>`;
-        const markerIconRoute = 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(markerSvg);
-        return markerIconRoute;
-    }
-}
-
 var ProgressBarStringEnum;
 (function (ProgressBarStringEnum) {
     ProgressBarStringEnum["PICKUP"] = "pickup";
@@ -17517,7 +17746,8 @@ class ProgressBarComponent {
         this.setMapMarkers();
         this.calculateGpsIconPosition();
     }
-    constructor() {
+    constructor(markerIconService) {
+        this.markerIconService = markerIconService;
         this.isDropdown = false;
         this.gpsTitle = '';
         this.hoveredGpsIcon = false;
@@ -17589,12 +17819,12 @@ class ProgressBarComponent {
         const routeMarkers = [];
         const routePaths = [];
         this._gpsProgress.forEach((loadStop, index) => {
-            const routeMarker = {
+            const markerData = {
                 position: { lat: loadStop.latitude, lng: loadStop.longitude },
-                icon: {
-                    url: MapMarkerIconHelper.getRoutingMarkerIcon(loadStop.stopNumber ?? 0, loadStop.type, this.currentPosition >= loadStop.position),
-                    labelOrigin: new google.maps.Point(90, 15),
-                },
+            };
+            const routeMarker = {
+                ...markerData,
+                content: this.markerIconService.getRoutingMarkerIcon(markerData, loadStop.stopNumber ?? 0, loadStop.type, this.currentPosition >= loadStop.position),
             };
             routeMarkers.push(routeMarker);
             if (index > 0) {
@@ -17645,7 +17875,7 @@ class ProgressBarComponent {
         });
         this.gpsIconTopPosition = currentStopPercentage ?? topPosition;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [{ token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "app-ca-progress-bar", inputs: { isDropdown: "isDropdown", currentPosition: "currentPosition", mileageInfo: "mileageInfo", currentStop: "currentStop", gpsTitle: "gpsTitle", gpsIcon: "gpsIcon", gpsInfo: "gpsInfo", mileagesPercent: "mileagesPercent", totalMiles: "totalMiles", gpsProgress: "gpsProgress", gpsLocationIcon: "gpsLocationIcon", dispatchStatus: "dispatchStatus" }, ngImport: i0, template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { 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: 
@@ -17669,7 +17899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThousandSeparatorPipe,
                         ConvertMinutesToHoursPipe,
                     ], template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { isDropdown: [{
+        }], ctorParameters: () => [{ type: MapMarkerIconService }], propDecorators: { isDropdown: [{
                 type: Input
             }], currentPosition: [{
                 type: Input
@@ -20933,7 +21163,7 @@ class CaUploadFileComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaUploadFileComponent, deps: [{ token: i1$4.HttpClient }, { token: i0.ChangeDetectorRef }, { token: UrlExtensionPipe }, { token: FileNamePipe }, { token: DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaUploadFileComponent, deps: [{ token: i1$3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: UrlExtensionPipe }, { token: FileNamePipe }, { token: DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaUploadFileComponent, isStandalone: true, selector: "app-ca-upload-file", inputs: { config: "config", reviewFileConfig: "reviewFileConfig" }, outputs: { fileAction: "fileAction", deleteAction: "deleteAction", documentReviewInputEvent: "documentReviewInputEvent", landscapeCheck: "landscapeCheck", fileHover: "fileHover" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "inputRef", first: true, predicate: CaInputComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n  [ngClass]=\"\n    config\n      | ngClassPipe: t2 : isArrowHovered : annotationHover : reviewFileConfig\n  \"\n>\n  <!-- File Header Actions (mouseenter)=\"hoverFile()\" -->\n\n  <!-- Review Actions -->\n  <ng-container *ngIf=\"reviewFileConfig.isReview\">\n    <div\n      class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n    >\n      <ng-container *ngIf=\"reviewFileConfig.reviewMode === 'REVIEW_MODE'\">\n        <div\n          ngbTooltip\n          mainTooltip=\"Download\"\n          tooltipBackground=\"#6c6c6c\"\n          position=\"top\"\n          class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n          (click)=\"onAction(action.DOWNLOAD)\"\n        >\n          <svg-icon [src]=\"icons.download\"></svg-icon>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"reviewFileConfig.reviewMode === 'REVIEW_MODE'\">\n        <div\n          ngbTooltip\n          mainTooltip=\"\n            config.file?.incorrect && isIncorrectMarkHover\n              ? 'Unmark'\n              : 'Mark Incorrect'\n          \"\n          tooltipBackground=\"\n          config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n          \"\n          position=\"top\"\n          class=\" {{\n            config.file?.incorrect && isIncorrectMarkHover\n              ? 'ta-upload-action-mark-correct'\n              : 'ta-upload-action-mark-incorrect'\n          }}\"\n          [ngClass]=\"{ incorrect: config.file?.incorrect }\"\n          (click)=\"\n            onAction(\n              config.file?.incorrect && isIncorrectMarkHover\n                ? 'mark-correct'\n                : 'mark-incorrect'\n            )\n          \"\n          (mouseenter)=\"isIncorrectMarkHover = true\"\n          (mouseleave)=\"isIncorrectMarkHover = false\"\n        >\n          <svg-icon\n            [src]=\"\n              config.file?.incorrect && isIncorrectMarkHover\n                ? icons.confirm\n                : icons.close\n            \"\n          ></svg-icon>\n        </div>\n      </ng-container>\n\n      <!--COMMENT FOR NOW -->\n\n      <!-- Review Message -->\n      <!-- <ng-container>\n       <div *ngIf=\"\n                reviewMode === 'REVIEW_MODE' || reviewMode === 'FEEDBACK_MODE'\n            \"\n            class=\"review-feedback-container\"\n            (mouseenter)=\"annotationHover = true\"\n            (mouseleave)=\"annotationHover = false\"\n        >\n            <app-applicant-review-feedback\n                [formControl]=\"documentReviewInputControl\"\n                [displayAnnotationButton]=\"\n                    file?.incorrect && !documentReviewInputVisible\n                \"\n                [displayAnnotationTextArea]=\"\n                    file?.incorrect && documentReviewInputVisible\n                \"\n                [isFeedback]=\"reviewMode === 'FEEDBACK_MODE'\"\n                [feedbackText]=\"feedbackText\"\n                (annotationBtnClickEvent)=\"getAnnotationReviewEvent($event)\"\n            ></app-applicant-review-feedback>\n        </div> \n      </ng-container> -->\n    </div>\n  </ng-container>\n\n  <!-- No Review Actions -->\n  <ng-container\n    *ngIf=\"\n      !isFileDelete &&\n      (!reviewFileConfig.isReview ||\n        (reviewFileConfig.isReview &&\n          reviewFileConfig.reviewMode === 'FEEDBACK_MODE'))\n    \"\n  >\n    <div class=\"ta-upload-file-header d-flex justify-content-between\">\n      <!-- Left Side -->\n      <ng-container *ngIf=\"config.customClassName === 'company-documents'\">\n        <div class=\"rightside_bar\"></div>\n      </ng-container>\n      <ng-container *ngIf=\"config.customClassName !== 'company-documents'\">\n        <div\n          class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n          tabindex=\"0\"\n          [ngClass]=\"{\n            'no-action-tag': !config.hasTagsDropdown,\n            active: t2?.isOpen(),\n          }\"\n          #t2=\"ngbPopover\"\n          [ngbPopover]=\"tagsPopover\"\n          [popoverClass]=\"'tags_popover'\"\n          [placement]=\"'right-top right-bottom'\"\n          autoclose=\"outside\"\n          [container]=\"'body'\"\n          triggers=\"'manual'\"\n        >\n          <div\n            ngbTooltip\n            mainTooltip=\"Tag\"\n            tooltipBackground=\"#2F2F2F\"\n            position=\"top\"\n            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n            (click)=\"onAction(action.TAG)\"\n          >\n            <svg-icon [src]=\"icons.tag\"></svg-icon>\n          </div>\n        </div>\n      </ng-container>\n      <!-- Right Side -->\n\n      <ng-container *ngIf=\"!reviewFileConfig.isActionsHidden\">\n        <div\n          class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n          [ngClass]=\"{\n            'feedback-mode':\n              reviewFileConfig.isReview &&\n              reviewFileConfig.reviewMode === 'FEEDBACK_MODE',\n            small:\n              config.type === 'details' ||\n              config.type === 'todo' ||\n              reviewFileConfig.reviewMode == 'REVIEW_MODE',\n            'vertical-mode': config.customClassName == 'company-documents',\n          }\"\n        >\n          <ng-container *ngIf=\"config.customClassName == 'company-documents'\">\n            <div\n              #t2=\"ngbPopover\"\n              [ngbPopover]=\"tagsPopover\"\n              [popoverClass]=\"'tags_popover_vertical'\"\n              [placement]=\"'bottom-left'\"\n              autoclose=\"outside\"\n              [container]=\"'body'\"\n              triggers=\"'manual'\"\n              ngbTooltip\n              mainTooltip=\"Tag\"\n              tooltipBackground=\"#2F2F2F\"\n              position=\"top\"\n              class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n              [ngClass]=\"{ active: t2?.isOpen() }\"\n              (click)=\"onAction(action.TAG)\"\n            >\n              <svg-icon [src]=\"icons.tag\"></svg-icon>\n            </div>\n          </ng-container>\n          <div\n            ngbTooltip\n            mainTooltip=\"Download\"\n            tooltipBackground=\"#2F2F2F\"\n            position=\"top\"\n            class=\"ta-upload-action-download\"\n            (click)=\"onAction(action.DOWNLOAD)\"\n          >\n            <svg-icon [src]=\"icons.download\"></svg-icon>\n          </div>\n          <ng-container\n            *ngIf=\"\n              config.type != 'details' &&\n              config.type != 'todo' &&\n              reviewFileConfig.reviewMode != 'REVIEW_MODE'\n            \"\n          >\n            <ng-container *ngIf=\"config.file?.fileName\">\n              <div\n                ngbTooltip\n                mainTooltip=\"Delete\"\n                tooltipBackground=\"#EF5350\"\n                position=\"top\"\n                class=\"ta-upload-action-delete\"\n                (click)=\"\n                  config.file.fileName\n                    ? openDeletePopup(config.file.fileName)\n                    : null\n                \"\n              >\n                <svg-icon [src]=\"icons.trash\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          reviewFileConfig.isReview &&\n          reviewFileConfig.reviewMode === 'FEEDBACK_MODE'\n        \"\n      >\n        <div\n          ngbTooltip\n          mainTooltip=\"Marked Incorrect\"\n          tooltipBackground=\"#EF5350\"\n          position=\"top\"\n          class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n          (click)=\"onAction(action.MARK_INCORRECT)\"\n        >\n          <svg-icon [src]=\"icons.close\"></svg-icon>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- File Content -->\n  <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n    <!-- Pdf Content -->\n    <ng-container\n      *ngIf=\"\n        (config.file?.extension?.toLowerCase() === 'pdf' ||\n          fileExtension === 'pdf') &&\n        config.file?.url\n      \"\n    >\n      <pdf-viewer\n        [src]=\"config.file.url\"\n        [(page)]=\"config.activePage\"\n        style=\"display: block; height: 100%; width: 100%\"\n        [rotation]=\"0\"\n        [original-size]=\"false\"\n        [show-all]=\"true\"\n        [fit-to-page]=\"false\"\n        [zoom]=\"1\"\n        [zoom-scale]=\"'page-width'\"\n        [stick-to-page]=\"false\"\n        [render-text]=\"true\"\n        [external-link-target]=\"'blank'\"\n        [autoresize]=\"true\"\n        [show-borders]=\"false\"\n        (after-load-complete)=\"afterLoadComplete($event)\"\n        (page-rendered)=\"pageRendered($event)\"\n      ></pdf-viewer>\n    </ng-container>\n\n    <!-- Image Content -->\n    <div\n      class=\"image_main_holder d-flex justify-content-center align-items-center {{\n        config.customClassName\n      }}\"\n    >\n      <ng-container\n        *ngIf=\"\n          config.file?.extension?.toLowerCase() !== 'pdf' &&\n          fileExtension !== 'pdf' &&\n          config.file?.url\n        \"\n      >\n        <img\n          class=\"ta-upload-file-image\"\n          [ngClass]=\"{\n            details_image: config.type === 'details' || config.type === 'todo',\n          }\"\n          [src]=\"config.file.url\"\n          [alt]=\"config.file?.fileName\"\n        />\n      </ng-container>\n      <ng-container *ngIf=\"documentLoading\">\n        <div class=\"spinner\">\n          <app-ca-spinner\n            [size]=\"'small'\"\n            [color]=\"'blueDark'\"\n          ></app-ca-spinner>\n        </div>\n      </ng-container>\n    </div>\n\n    <!-- Tag Content -->\n    <ng-container\n      *ngIf=\"\n        (config.hasTagsDropdown ||\n          config.customClassName === 'table-details' ||\n          config.customClassName === 'driver-card-pdf') &&\n        config.file?.tags &&\n        config.file?.tags !== '' &&\n        config.file?.tags !== 'No Tag'\n      \"\n    >\n      <div\n        class=\"ta-upload-file-tag\"\n        [ngClass]=\"{\n          default: !config.file?.tagGeneratedByUser,\n          tagRemoving: config.file?.tags.length === 0,\n        }\"\n      >\n        <span>{{\n          config.file?.tags || reviewFileConfig.categoryTag || ''\n        }}</span>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- File Delete Template -->\n  <ng-container *ngIf=\"isFileDelete\">\n    <div\n      class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n        config.customClassName\n      }}\"\n    >\n      <div class=\"ta-upload-file-delete-text\">\n        Are you sure you want to delete file?\n      </div>\n      <div\n        class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n        (click)=\"onAction(action.DELETE)\"\n      >\n        DELETE\n      </div>\n      <div\n        class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n        (click)=\"onAction(action.CANCEL)\"\n      >\n        CANCEL\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- File Footer Information -->\n  <ng-container *ngIf=\"!reviewFileConfig.isFooterHidden\">\n    <div\n      class=\"ta-upload-file-footer\"\n      [ngClass]=\"{ 'edit-mode': editFile }\"\n      (click)=\"onEditFile()\"\n    >\n      <!-- No edit mode -->\n      <ng-container *ngIf=\"!isFileDelete\">\n        <div class=\"footer_info d-flex align-items-center\">\n          <div\n            class=\"ta-upload-file-ext ta-upload-file-ext-{{\n              config.file?.extension ? (config.file?.extension | lowercase) : ''\n            }}\"\n            [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n          >\n            <div>\n              {{ config.file?.extension | uppercase }}\n            </div>\n          </div>\n          <div class=\"document_info_hold d-flex\">\n            <ng-container *ngIf=\"numberOfFilePages\">\n              <div class=\"pdf_page_size\">\n                {{ numberOfFilePages }}\n              </div>\n            </ng-container>\n\n            <div\n              class=\"file_size\"\n              [ngClass]=\"{\n                has_pages: numberOfFilePages,\n              }\"\n            >\n              {{ config.file?.size || 0 | byteConvert }}\n            </div>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!editFile; else editMode\">\n        <p\n          class=\"ta-upload-file-name\"\n          [ngClass]=\"{\n            details_title: config.type === 'details',\n            todo_title: config.type === 'todo',\n          }\"\n        >\n          {{ fileName }}\n        </p>\n      </ng-container>\n\n      <ng-template #editMode>\n        <app-ca-input\n          [formControl]=\"fileNewName\"\n          [inputConfig]=\"{\n            name: 'File Name',\n            type: 'text',\n            placeholder: 'Type File Name',\n            blackInput: true,\n            isDisabled: false,\n          }\"\n          (blurInput)=\"onBlurInput($event)\"\n        ></app-ca-input>\n      </ng-template>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n  <div class=\"tags_main_holder\">\n    <ng-container *ngIf=\"config.file?.tags?.length\">\n      <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n        <div class=\"remove_tag\">Remove Tag</div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"config.file?.tags?.length\">\n      <div class=\"remove_tag_border_holder\">\n        <div class=\"remove_tag_border\"></div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"config.tagsOptions && config.tagsOptions.length\">\n      <ng-container\n        *ngFor=\"let tag of config.tagsOptions; trackBy: identity; index as i\"\n      >\n        <div\n          class=\"tags_inner_holder d-flex align-items-center\"\n          [ngClass]=\"{\n            firstRow: i === 0,\n            lastRow: i === config.tagsOptions.length - 1,\n          }\"\n          (click)=\"selectTag(tag?.tagName)\"\n        >\n          <div class=\"tag_options_holder d-flex align-items-center\">\n            <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n              {{ tag.tagName }}\n            </div>\n            <div class=\"checked_icon\" [ngClass]=\"{ shown: tag.checked }\">\n              <svg-icon [src]=\"icons.confirm\"></svg-icon>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\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,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: FormsModule }, { kind: "ngmodule", type: NgxMaskModule }, { kind: "pipe", type: 
@@ -20962,7 +21192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaSpinnerComponent,
                         CaInputComponent,
                     ], encapsulation: ViewEncapsulation.Emulated, template: "<div\n  class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n  [ngClass]=\"\n    config\n      | ngClassPipe: t2 : isArrowHovered : annotationHover : reviewFileConfig\n  \"\n>\n  <!-- File Header Actions (mouseenter)=\"hoverFile()\" -->\n\n  <!-- Review Actions -->\n  <ng-container *ngIf=\"reviewFileConfig.isReview\">\n    <div\n      class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n    >\n      <ng-container *ngIf=\"reviewFileConfig.reviewMode === 'REVIEW_MODE'\">\n        <div\n          ngbTooltip\n          mainTooltip=\"Download\"\n          tooltipBackground=\"#6c6c6c\"\n          position=\"top\"\n          class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n          (click)=\"onAction(action.DOWNLOAD)\"\n        >\n          <svg-icon [src]=\"icons.download\"></svg-icon>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"reviewFileConfig.reviewMode === 'REVIEW_MODE'\">\n        <div\n          ngbTooltip\n          mainTooltip=\"\n            config.file?.incorrect && isIncorrectMarkHover\n              ? 'Unmark'\n              : 'Mark Incorrect'\n          \"\n          tooltipBackground=\"\n          config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n          \"\n          position=\"top\"\n          class=\" {{\n            config.file?.incorrect && isIncorrectMarkHover\n              ? 'ta-upload-action-mark-correct'\n              : 'ta-upload-action-mark-incorrect'\n          }}\"\n          [ngClass]=\"{ incorrect: config.file?.incorrect }\"\n          (click)=\"\n            onAction(\n              config.file?.incorrect && isIncorrectMarkHover\n                ? 'mark-correct'\n                : 'mark-incorrect'\n            )\n          \"\n          (mouseenter)=\"isIncorrectMarkHover = true\"\n          (mouseleave)=\"isIncorrectMarkHover = false\"\n        >\n          <svg-icon\n            [src]=\"\n              config.file?.incorrect && isIncorrectMarkHover\n                ? icons.confirm\n                : icons.close\n            \"\n          ></svg-icon>\n        </div>\n      </ng-container>\n\n      <!--COMMENT FOR NOW -->\n\n      <!-- Review Message -->\n      <!-- <ng-container>\n       <div *ngIf=\"\n                reviewMode === 'REVIEW_MODE' || reviewMode === 'FEEDBACK_MODE'\n            \"\n            class=\"review-feedback-container\"\n            (mouseenter)=\"annotationHover = true\"\n            (mouseleave)=\"annotationHover = false\"\n        >\n            <app-applicant-review-feedback\n                [formControl]=\"documentReviewInputControl\"\n                [displayAnnotationButton]=\"\n                    file?.incorrect && !documentReviewInputVisible\n                \"\n                [displayAnnotationTextArea]=\"\n                    file?.incorrect && documentReviewInputVisible\n                \"\n                [isFeedback]=\"reviewMode === 'FEEDBACK_MODE'\"\n                [feedbackText]=\"feedbackText\"\n                (annotationBtnClickEvent)=\"getAnnotationReviewEvent($event)\"\n            ></app-applicant-review-feedback>\n        </div> \n      </ng-container> -->\n    </div>\n  </ng-container>\n\n  <!-- No Review Actions -->\n  <ng-container\n    *ngIf=\"\n      !isFileDelete &&\n      (!reviewFileConfig.isReview ||\n        (reviewFileConfig.isReview &&\n          reviewFileConfig.reviewMode === 'FEEDBACK_MODE'))\n    \"\n  >\n    <div class=\"ta-upload-file-header d-flex justify-content-between\">\n      <!-- Left Side -->\n      <ng-container *ngIf=\"config.customClassName === 'company-documents'\">\n        <div class=\"rightside_bar\"></div>\n      </ng-container>\n      <ng-container *ngIf=\"config.customClassName !== 'company-documents'\">\n        <div\n          class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n          tabindex=\"0\"\n          [ngClass]=\"{\n            'no-action-tag': !config.hasTagsDropdown,\n            active: t2?.isOpen(),\n          }\"\n          #t2=\"ngbPopover\"\n          [ngbPopover]=\"tagsPopover\"\n          [popoverClass]=\"'tags_popover'\"\n          [placement]=\"'right-top right-bottom'\"\n          autoclose=\"outside\"\n          [container]=\"'body'\"\n          triggers=\"'manual'\"\n        >\n          <div\n            ngbTooltip\n            mainTooltip=\"Tag\"\n            tooltipBackground=\"#2F2F2F\"\n            position=\"top\"\n            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n            (click)=\"onAction(action.TAG)\"\n          >\n            <svg-icon [src]=\"icons.tag\"></svg-icon>\n          </div>\n        </div>\n      </ng-container>\n      <!-- Right Side -->\n\n      <ng-container *ngIf=\"!reviewFileConfig.isActionsHidden\">\n        <div\n          class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n          [ngClass]=\"{\n            'feedback-mode':\n              reviewFileConfig.isReview &&\n              reviewFileConfig.reviewMode === 'FEEDBACK_MODE',\n            small:\n              config.type === 'details' ||\n              config.type === 'todo' ||\n              reviewFileConfig.reviewMode == 'REVIEW_MODE',\n            'vertical-mode': config.customClassName == 'company-documents',\n          }\"\n        >\n          <ng-container *ngIf=\"config.customClassName == 'company-documents'\">\n            <div\n              #t2=\"ngbPopover\"\n              [ngbPopover]=\"tagsPopover\"\n              [popoverClass]=\"'tags_popover_vertical'\"\n              [placement]=\"'bottom-left'\"\n              autoclose=\"outside\"\n              [container]=\"'body'\"\n              triggers=\"'manual'\"\n              ngbTooltip\n              mainTooltip=\"Tag\"\n              tooltipBackground=\"#2F2F2F\"\n              position=\"top\"\n              class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n              [ngClass]=\"{ active: t2?.isOpen() }\"\n              (click)=\"onAction(action.TAG)\"\n            >\n              <svg-icon [src]=\"icons.tag\"></svg-icon>\n            </div>\n          </ng-container>\n          <div\n            ngbTooltip\n            mainTooltip=\"Download\"\n            tooltipBackground=\"#2F2F2F\"\n            position=\"top\"\n            class=\"ta-upload-action-download\"\n            (click)=\"onAction(action.DOWNLOAD)\"\n          >\n            <svg-icon [src]=\"icons.download\"></svg-icon>\n          </div>\n          <ng-container\n            *ngIf=\"\n              config.type != 'details' &&\n              config.type != 'todo' &&\n              reviewFileConfig.reviewMode != 'REVIEW_MODE'\n            \"\n          >\n            <ng-container *ngIf=\"config.file?.fileName\">\n              <div\n                ngbTooltip\n                mainTooltip=\"Delete\"\n                tooltipBackground=\"#EF5350\"\n                position=\"top\"\n                class=\"ta-upload-action-delete\"\n                (click)=\"\n                  config.file.fileName\n                    ? openDeletePopup(config.file.fileName)\n                    : null\n                \"\n              >\n                <svg-icon [src]=\"icons.trash\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          reviewFileConfig.isReview &&\n          reviewFileConfig.reviewMode === 'FEEDBACK_MODE'\n        \"\n      >\n        <div\n          ngbTooltip\n          mainTooltip=\"Marked Incorrect\"\n          tooltipBackground=\"#EF5350\"\n          position=\"top\"\n          class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n          (click)=\"onAction(action.MARK_INCORRECT)\"\n        >\n          <svg-icon [src]=\"icons.close\"></svg-icon>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!-- File Content -->\n  <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n    <!-- Pdf Content -->\n    <ng-container\n      *ngIf=\"\n        (config.file?.extension?.toLowerCase() === 'pdf' ||\n          fileExtension === 'pdf') &&\n        config.file?.url\n      \"\n    >\n      <pdf-viewer\n        [src]=\"config.file.url\"\n        [(page)]=\"config.activePage\"\n        style=\"display: block; height: 100%; width: 100%\"\n        [rotation]=\"0\"\n        [original-size]=\"false\"\n        [show-all]=\"true\"\n        [fit-to-page]=\"false\"\n        [zoom]=\"1\"\n        [zoom-scale]=\"'page-width'\"\n        [stick-to-page]=\"false\"\n        [render-text]=\"true\"\n        [external-link-target]=\"'blank'\"\n        [autoresize]=\"true\"\n        [show-borders]=\"false\"\n        (after-load-complete)=\"afterLoadComplete($event)\"\n        (page-rendered)=\"pageRendered($event)\"\n      ></pdf-viewer>\n    </ng-container>\n\n    <!-- Image Content -->\n    <div\n      class=\"image_main_holder d-flex justify-content-center align-items-center {{\n        config.customClassName\n      }}\"\n    >\n      <ng-container\n        *ngIf=\"\n          config.file?.extension?.toLowerCase() !== 'pdf' &&\n          fileExtension !== 'pdf' &&\n          config.file?.url\n        \"\n      >\n        <img\n          class=\"ta-upload-file-image\"\n          [ngClass]=\"{\n            details_image: config.type === 'details' || config.type === 'todo',\n          }\"\n          [src]=\"config.file.url\"\n          [alt]=\"config.file?.fileName\"\n        />\n      </ng-container>\n      <ng-container *ngIf=\"documentLoading\">\n        <div class=\"spinner\">\n          <app-ca-spinner\n            [size]=\"'small'\"\n            [color]=\"'blueDark'\"\n          ></app-ca-spinner>\n        </div>\n      </ng-container>\n    </div>\n\n    <!-- Tag Content -->\n    <ng-container\n      *ngIf=\"\n        (config.hasTagsDropdown ||\n          config.customClassName === 'table-details' ||\n          config.customClassName === 'driver-card-pdf') &&\n        config.file?.tags &&\n        config.file?.tags !== '' &&\n        config.file?.tags !== 'No Tag'\n      \"\n    >\n      <div\n        class=\"ta-upload-file-tag\"\n        [ngClass]=\"{\n          default: !config.file?.tagGeneratedByUser,\n          tagRemoving: config.file?.tags.length === 0,\n        }\"\n      >\n        <span>{{\n          config.file?.tags || reviewFileConfig.categoryTag || ''\n        }}</span>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- File Delete Template -->\n  <ng-container *ngIf=\"isFileDelete\">\n    <div\n      class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n        config.customClassName\n      }}\"\n    >\n      <div class=\"ta-upload-file-delete-text\">\n        Are you sure you want to delete file?\n      </div>\n      <div\n        class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n        (click)=\"onAction(action.DELETE)\"\n      >\n        DELETE\n      </div>\n      <div\n        class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n        (click)=\"onAction(action.CANCEL)\"\n      >\n        CANCEL\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- File Footer Information -->\n  <ng-container *ngIf=\"!reviewFileConfig.isFooterHidden\">\n    <div\n      class=\"ta-upload-file-footer\"\n      [ngClass]=\"{ 'edit-mode': editFile }\"\n      (click)=\"onEditFile()\"\n    >\n      <!-- No edit mode -->\n      <ng-container *ngIf=\"!isFileDelete\">\n        <div class=\"footer_info d-flex align-items-center\">\n          <div\n            class=\"ta-upload-file-ext ta-upload-file-ext-{{\n              config.file?.extension ? (config.file?.extension | lowercase) : ''\n            }}\"\n            [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n          >\n            <div>\n              {{ config.file?.extension | uppercase }}\n            </div>\n          </div>\n          <div class=\"document_info_hold d-flex\">\n            <ng-container *ngIf=\"numberOfFilePages\">\n              <div class=\"pdf_page_size\">\n                {{ numberOfFilePages }}\n              </div>\n            </ng-container>\n\n            <div\n              class=\"file_size\"\n              [ngClass]=\"{\n                has_pages: numberOfFilePages,\n              }\"\n            >\n              {{ config.file?.size || 0 | byteConvert }}\n            </div>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!editFile; else editMode\">\n        <p\n          class=\"ta-upload-file-name\"\n          [ngClass]=\"{\n            details_title: config.type === 'details',\n            todo_title: config.type === 'todo',\n          }\"\n        >\n          {{ fileName }}\n        </p>\n      </ng-container>\n\n      <ng-template #editMode>\n        <app-ca-input\n          [formControl]=\"fileNewName\"\n          [inputConfig]=\"{\n            name: 'File Name',\n            type: 'text',\n            placeholder: 'Type File Name',\n            blackInput: true,\n            isDisabled: false,\n          }\"\n          (blurInput)=\"onBlurInput($event)\"\n        ></app-ca-input>\n      </ng-template>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n  <div class=\"tags_main_holder\">\n    <ng-container *ngIf=\"config.file?.tags?.length\">\n      <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n        <div class=\"remove_tag\">Remove Tag</div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"config.file?.tags?.length\">\n      <div class=\"remove_tag_border_holder\">\n        <div class=\"remove_tag_border\"></div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"config.tagsOptions && config.tagsOptions.length\">\n      <ng-container\n        *ngFor=\"let tag of config.tagsOptions; trackBy: identity; index as i\"\n      >\n        <div\n          class=\"tags_inner_holder d-flex align-items-center\"\n          [ngClass]=\"{\n            firstRow: i === 0,\n            lastRow: i === config.tagsOptions.length - 1,\n          }\"\n          (click)=\"selectTag(tag?.tagName)\"\n        >\n          <div class=\"tag_options_holder d-flex align-items-center\">\n            <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n              {{ tag.tagName }}\n            </div>\n            <div class=\"checked_icon\" [ngClass]=\"{ shown: tag.checked }\">\n              <svg-icon [src]=\"icons.confirm\"></svg-icon>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\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,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: i0.ChangeDetectorRef }, { type: UrlExtensionPipe }, { type: FileNamePipe }, { type: DocumentService }], propDecorators: { t2: [{
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i0.ChangeDetectorRef }, { type: UrlExtensionPipe }, { type: FileNamePipe }, { type: DocumentService }], propDecorators: { t2: [{
                 type: ViewChild,
                 args: ['t2']
             }], inputRef: [{
@@ -21506,7 +21736,7 @@ class CaUploadFilesComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaUploadFilesComponent, deps: [{ token: CaUploadFileService }, { token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaUploadFilesComponent, deps: [{ token: CaUploadFileService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaUploadFilesComponent, isStandalone: true, selector: "app-ca-upload-files", inputs: { slider: "slider", carouselConfig: "carouselConfig", hasCrop: "hasCrop", isRoundCrop: "isRoundCrop", hasBlobUrl: "hasBlobUrl", onlyOneTagFile: "onlyOneTagFile", dropzoneConf: "dropzoneConf", dropzoneCustomWidth: "dropzoneCustomWidth", isVisibleCropAndDrop: "isVisibleCropAndDrop", initialCropperPosition: "initialCropperPosition", containWithinAspectRatio: "containWithinAspectRatio", aspectRatio: "aspectRatio", review: "review", configFile: "configFile", size: "size", slideWidth: "slideWidth", files: "files" }, outputs: { documentReviewInputEvent: "documentReviewInputEvent", onFileEvent: "onFileEvent", closeDropzone: "closeDropzone", fileAdded: "fileAdded" }, providers: [
             provideLottieOptions({
                 player: () => import('lottie-web'),
@@ -21536,7 +21766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             player: () => import('lottie-web'),
                         }),
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"ta-upload d-flex align-items-center {{ configFile.customClassName }}\"\n    [ngClass]=\"\n        files?.length\n            | uploadClass\n                : carouselConfig.size\n                : review.isReview\n                : slider.dontUseSlider\n    \"\n>\n    <!-- Carousel Files -->\n    @if (files?.length && !slider.dontUseSlider && !hasCrop) {\n        <app-ca-upload-files-carousel\n            [config]=\"carouselFileConfig\"\n            (activeSlide)=\"currentSlide = $event\"\n            [slideWidth]=\"slideWidth\"\n            (hoverArrowEmit)=\"hoverArrow($event)\"\n        >\n            <ng-container *ngFor=\"let file of files; trackBy: identity\">\n                <div class=\"ta-upload-carousel-container\">\n                    <div>\n                        <app-ca-upload-file\n                            #uploadedFiles\n                            [config]=\"configFile | mapFile: file\"\n                            [reviewFileConfig]=\"reviewFileConfig\"\n                            (fileHover)=\"fileHover($event)\"\n                            (fileAction)=\"onFileAction($event)\"\n                            (landscapeCheck)=\"onLandscapeCheck($event)\"\n                            (documentReviewInputEvent)=\"\n                                documentReviewInputEventMethod($event)\n                            \"\n                        ></app-ca-upload-file>\n                    </div>\n                </div>\n            </ng-container>\n        </app-ca-upload-files-carousel>\n    }\n\n    @if (slider.dontUseSlider && !hasCrop) {\n        <div class=\"documents_holder\">\n            <app-ca-upload-dropzone\n                [config]=\"dropzoneConf\"\n                (onFileEvent)=\"onUploadFiles($event)\"\n                (closeDropzone)=\"dropZoneClose()\"\n            ></app-ca-upload-dropzone>\n            @for (file of files; track identity) {\n                <div class=\"ta-upload-carousel-container\">\n                    <div>\n                        <app-ca-upload-file\n                            [config]=\"configFile | mapFile: file\"\n                            [reviewFileConfig]=\"reviewFileConfig\"\n                            (fileAction)=\"onFileAction($event)\"\n                            (landscapeCheck)=\"onLandscapeCheck($event)\"\n                            (documentReviewInputEvent)=\"\n                                documentReviewInputEventMethod($event)\n                            \"\n                        ></app-ca-upload-file>\n                    </div>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- Image Crop Template -->\n\n    <div\n        class=\"split-crop-holder\"\n        [class.split]=\"isDropzoneShown\"\n        [ngClass]=\"{ 'hidden-drop': !isVisibleCropAndDrop }\"\n    >\n        @if (hasCrop && files.length) {\n            @for (file of files; track identity) {\n                <app-ca-logo-change\n                    [hasBlobUrl]=\"hasBlobUrl\"\n                    [imageToCrop]=\"file?.url\"\n                    [isRoundCropper]=\"isRoundCrop\"\n                    [isDropzoneShown]=\"isDropzoneShown\"\n                    [initialCropperPosition]=\"initialCropperPosition\"\n                    [containWithinAspectRatio]=\"containWithinAspectRatio\"\n                    [aspectRatio]=\"aspectRatio\"\n                    [customWidth]=\"dropzoneCustomWidth\"\n                    (sendImageData)=\"onUploadFiles($event)\"\n                ></app-ca-logo-change>\n            }\n        }\n    </div>\n\n    <div\n        class=\"split-crop-holder\"\n        [class.split]=\"hasCrop && files.length && isDropzoneShown\"\n        [ngClass]=\"{ 'hidden-drop': !isVisibleCropAndDrop }\"\n    >\n        @if (isDropzoneShown) {\n            <app-ca-upload-dropzone\n                [config]=\"dropzoneConf\"\n                [customWidth]=\"dropzoneCustomWidth\"\n                [isDropzoneShownInCrop]=\"\n                    hasCrop && !!files.length && isDropzoneShown\n                \"\n                (onFileEvent)=\"onUploadFiles($event)\"\n            ></app-ca-upload-dropzone>\n        }\n    </div>\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.ta-card-body{overflow:visible!important}.split-crop-holder.split{width:50%}.split-crop-holder.hidden-drop{display:none}.ta-upload{gap:8px}.ta-upload .ta-upload-dropzone{height:186px;width:calc(100% - 10px);margin:0 6px}.ta-upload .documents_holder{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;transition:all .3s ease-in-out}.ta-upload .documents_holder .ta-upload-carousel-container{transition:all .3s ease-in-out}.ta-upload.documents{display:block!important}.ta-upload.documents .ta-upload-dropzone{height:332px;width:100%;margin:0}.ta-upload-small{grid-template-columns:164px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:8px;transition:all .3s ease-in-out}.ta-upload-medium-file{grid-template-columns:164px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:6px;transition:all .3s ease-in-out}.ta-upload-medium-files{grid-template-columns:344px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:6px;transition:all .3s ease-in-out}.ta-upload-large-file{grid-template-columns:164px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:6px;transition:all .3s ease-in-out}.ta-upload-large-twofiles{grid-template-columns:344px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:6px;transition:all .3s ease-in-out}.ta-upload-large-threefiles{grid-template-columns:524px 1fr;grid-template-rows:194px;-moz-column-gap:6px;column-gap:6px;transition:all .3s ease-in-out}.ta-upload-review-mode{padding:8px 6px 6px 0;grid-template-columns:1fr;align-items:center;justify-content:center}.ta-upload.driver-details-pdf{grid-template-columns:1fr;grid-template-rows:312px}.ta-upload.company-documents{grid-template-columns:1fr;grid-template-rows:332px}.ta-upload.driver-card-pdf{grid-template-columns:1fr;grid-template-rows:416px}.ta-upload.company-details-pdf{grid-template-columns:1fr;grid-template-rows:378px}.ta-upload.landscape-details-view{grid-template-columns:1fr;grid-template-rows:200px}.ta-upload.todo-details,.ta-upload.table-details{grid-template-columns:100% 1fr;grid-template-rows:200px}\n"] }]
-        }], ctorParameters: () => [{ type: CaUploadFileService }, { type: i1$4.HttpClient }], propDecorators: { modalCarousel: [{
+        }], ctorParameters: () => [{ type: CaUploadFileService }, { type: i1$3.HttpClient }], propDecorators: { modalCarousel: [{
                 type: ViewChild,
                 args: [CaUploadFilesCarouselComponent]
             }], uploadedFiles: [{
@@ -21656,7 +21886,7 @@ class FileService {
     downloadFile(url) {
         return this.http.get(url, { responseType: 'blob' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileService, deps: [{ token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileService, decorators: [{
@@ -21664,7 +21894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$4.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }] });
 
 var ColumnName;
 (function (ColumnName) {
@@ -23049,7 +23279,7 @@ class CaRightSidePanelCompanyComponent {
     trackByIdentity(index) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaRightSidePanelCompanyComponent, deps: [{ token: i1$5.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaRightSidePanelCompanyComponent, deps: [{ token: i1$4.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaRightSidePanelCompanyComponent, isStandalone: true, selector: "app-ca-right-side-panel-company", inputs: { company: "company", companyIsDivision: "companyIsDivision" }, ngImport: i0, template: "<ng-container *ngIf=\"_company\">\n  <div class=\"company-container\">\n    <div class=\"company-name-container d-flex justify-content-between\">\n      <div class=\"company-name\">\n        <p class=\"company-name-text ca-font-extra-bold\">{{ _company.name }}</p>\n      </div>\n      <div class=\"company-edit-container d-flex\">\n        <svg-icon\n          class=\"company-edit-icon d-flex align-items-center justify-content-center\"\n          [src]=\"'ic_edit' | caSvg: 'right-side-panel'\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n        <ng-container *ngIf=\"companyIsDivision\">\n          <svg-icon\n            class=\"company-delete-icon d-flex align-items-center justify-content-center\"\n            [src]=\"'ic_delete' | caSvg: 'right-side-panel'\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"company-logo-container\">\n      <ng-container *ngIf=\"_company?.logoFile?.url; else companyNoLogo\">\n        <img\n          [src]=\"_company?.logoFile?.url\"\n          [alt]=\"_company.logoFile?.fileName?.substring(0, 1)\"\n          class=\"sp-company-logo-img\"\n        />\n      </ng-container>\n      <ng-template #companyNoLogo>\n        <div class=\"company-no-logo-container\">\n          <div\n            class=\"company-no-logo d-flex align-items-center\"\n            [ngClass]=\"fontSizeLogo\"\n          >\n            {{ _company?.name }}\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <div class=\"company-info-container\">\n      <ng-container *ngIf=\"_company?.phone\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.PHONE,\n              icon: 'ic_phone' | caSvg: 'input',\n              text: _company?.phone,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.fax\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.FAX,\n              icon: 'ic_fax' | caSvg: 'right-side-panel',\n              text: _company?.fax,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.email\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.EMAIL,\n              icon: 'ic_email' | caSvg: 'input',\n              text: _company?.email,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.webUrl\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.WEBSITE,\n              icon: 'ic_website' | caSvg: 'right-side-panel',\n              text: _company?.webUrl,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.address\">\n        <div class=\"company-info-item-container d-flex justify-content-between\">\n          <div class=\"company-info-item d-flex\">\n            <svg-icon\n              class=\"company-info-icon d-flex justify-content-center\"\n              [src]=\"'ic_address' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <div>\n              <div\n                class=\"address-first-container d-flex justify-content-between\"\n              >\n                <p class=\"company-info-text\">{{ firstPartAddress }}</p>\n                <div\n                  ngbTooltip\n                  [mainCaTooltip]=\"\n                    textCopied === _company?.address?.address\n                      ? 'Copied'\n                      : 'Copy'\n                  \"\n                  position=\"bottom\"\n                  [tooltipBackground]=\"\n                    textCopied === _company?.address?.address\n                      ? '#0B49D1'\n                      : '#424242'\n                  \"\n                  tooltipColor=\"#FFFFFF\"\n                  tooltipTextAlign=\"center\"\n                >\n                  <svg-icon\n                    class=\"company-info-icon info-icon-copy\"\n                    [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                    [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                    (click)=\"copyText($event, _company?.address?.address ?? '')\"\n                  ></svg-icon>\n                </div>\n              </div>\n              <p class=\"company-info-text\">{{ secondPartAddress }}</p>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.ADDRESS }}\n          </p>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"horizontal-line\"></div>\n\n    <div class=\"company-info-container pt-8-custom\">\n      <ng-container *ngIf=\"_company?.usDot\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.usDot }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"\n                textCopied === _company?.usDot ? 'Copied' : 'Copy'\n              \"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.usDot ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.usDot ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.USDOT }}\n          </p>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.ein\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.ein }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"textCopied === _company?.ein ? 'Copied' : 'Copy'\"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.ein ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.ein ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.EIN }}\n          </p>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.mc\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.mc }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"textCopied === _company?.mc ? 'Copied' : 'Copy'\"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.mc ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.mc ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.MC }}\n          </p>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"horizontal-line\"></div>\n\n    <div class=\"company-additional-info-container\">\n      <div\n        class=\"additional-info-title d-flex justify-content-between\"\n        (click)=\"toggleAdditionalInfo()\"\n      >\n        <h2\n          class=\"additional-info-title-text ca-font-extra-bold\"\n          [ngClass]=\"{\n            'additional-info-title-text-hide': !isAdditionalInfoOpen,\n          }\"\n        >\n          Additional Info\n        </h2>\n        <ng-container *ngIf=\"isAdditionalInfoOpen; else additionalInfoBtnShow\">\n          <p class=\"additional-info-btn additional-info-btn-hide ca-font-bold\">\n            Hide\n          </p>\n        </ng-container>\n\n        <ng-template #additionalInfoBtnShow>\n          <p class=\"additional-info-btn additional-info-btn-show ca-font-bold\">\n            Show\n          </p>\n        </ng-template>\n      </div>\n      <ng-container *ngIf=\"isAdditionalInfoOpen\">\n        <div\n          class=\"additional-info-content-container\"\n          [@showHideCardBody]=\"isAdditionalInfoOpen\"\n        >\n          <ng-container *ngIf=\"_company?.irp\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.IRP,\n                  text: _company?.irp,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.ifta\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.IFTA,\n                  text: _company?.ifta,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.toll\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.TOLL,\n                  text: _company?.toll,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.scac\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.SCAC,\n                  text: _company?.scac,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.timeZone?.name\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.TIME_ZONE,\n                  text: _company?.timeZone?.name,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.currency?.name\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.CURRENCY,\n                  text: _company?.currency?.name,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_company?.departmentContacts?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleDepartmentContact()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              Department Contact\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              {{ _company?.departmentContacts?.length }}\n            </p>\n          </div>\n\n          <ng-container\n            *ngIf=\"isDepartmentContactOpen; else additionalInfoBtnShow\"\n          >\n            <ng-container *ngIf=\"isPhoneShown; else additionalInfoPhoneBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Email\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_email' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleDepartmentContactView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoPhoneBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Phone\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_phone' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleDepartmentContactView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleDepartmentContact()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isDepartmentContactOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isDepartmentContactOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let contact of _company?.departmentContacts;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isPhoneShown; else infoItemEmail\">\n                  <div class=\"company-info-item d-flex\">\n                    <svg-icon\n                      class=\"company-info-icon d-flex align-items-center justify-content-center\"\n                      [src]=\"'ic_phone' | caSvg: 'input'\"\n                      [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                    <p class=\"company-info-text\">\n                      {{ contact.phone }}\n\n                      <ng-container *ngIf=\"contact.extensionPhone\">\n                        <span class=\"extension-phone\"\n                          >x{{ contact.extensionPhone }}</span\n                        >\n                      </ng-container>\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === contact.phone ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === contact.phone ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, contact?.phone ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ contact?.department?.name }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemEmail>\n                  <div class=\"company-info-item d-flex\">\n                    <svg-icon\n                      class=\"company-info-icon d-flex align-items-center justify-content-center\"\n                      [src]=\"'ic_email' | caSvg: 'input'\"\n                      [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                    <p class=\"company-info-text\">\n                      {{ contact.email }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === contact.email ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === contact.email ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, contact?.email ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ contact?.department?.name }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"_company?.bankAccounts?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleBankAccount()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isBankAccountOpen,\n              }\"\n            >\n              Bank Account\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              {{ _company?.bankAccounts?.length }}\n            </p>\n          </div>\n\n          <ng-container *ngIf=\"isBankAccountOpen; else additionalInfoBtnShow\">\n            <ng-container *ngIf=\"isRoutingShown; else additionalInfoAccountBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Account\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_password' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankAccountView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoAccountBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Routing\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_bank_account' | caSvg: 'right-side-panel'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankAccountView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleDepartmentContact()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isBankAccountOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isBankAccountOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let account of _company?.bankAccounts;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isRoutingShown; else infoItemAccount\">\n                  <div class=\"company-info-item d-flex\">\n                    <div\n                      ngbTooltip\n                      mainCaTooltip=\"Routing\"\n                      position=\"bottom\"\n                      tooltipBackground=\"#424242\"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-routing d-flex align-items-center justify-content-center\"\n                        [src]=\"'ic_bank_account' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                      ></svg-icon>\n                    </div>\n                    <p class=\"company-info-text\">\n                      {{ account.routing }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === account.routing ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === account.routing ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, account?.routing ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ account?.bank?.name }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemAccount>\n                  <div class=\"company-info-item d-flex\">\n                    <ng-container\n                      *ngIf=\"\n                        !isAccountVisible(account?.account ?? '');\n                        else hideAccountSvg\n                      \"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Account\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account d-flex align-items-center justify-content-center\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"\n                            toggleAccountVisibility(account?.account ?? '')\n                          \"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideAccountSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Account\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide d-flex align-items-center justify-content-center\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"\n                            toggleAccountVisibility(account?.account ?? '')\n                          \"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n\n                    <p class=\"company-info-text\">\n                      {{\n                        account?.account ?? ''\n                          | hideAccount\n                            : 'account'\n                            : accountVisibility[account?.account ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === account.account ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === account.account ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, account?.account ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ account?.bank?.name }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"_company?.bankCards?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleBankCard()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isBankCardOpen,\n              }\"\n            >\n              Bank Card\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isBankCardOpen,\n              }\"\n            >\n              {{ _company?.bankCards?.length }}\n            </p>\n          </div>\n\n          <ng-container *ngIf=\"isBankCardOpen; else additionalInfoBtnShow\">\n            <ng-container *ngIf=\"isCardShown; else additionalInfoAccountBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Account\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_password' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankCardView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoAccountBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Card no.\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_fuel_card' | caSvg: 'right-side-panel'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankCardView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleBankCard()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isBankCardOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isBankCardOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let card of _company?.bankCards;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isCardShown; else infoItemCvc\">\n                  <div class=\"company-info-item d-flex justify-content-between\">\n                    <ng-container\n                      *ngIf=\"!isCardVisible(card?.card ?? ''); else hideCardSvg\"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Card\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account info-icon-show-card\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCardVisibility(card?.card ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideCardSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Card\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-show-card\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCardVisibility(card?.card ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n                    <p class=\"company-info-text\">\n                      {{\n                        card.card\n                          | hideAccount\n                            : 'card'\n                            : cardVisibility[card?.card ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === card.card ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === card.card ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, card?.card ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n\n                  <p class=\"company-info-title-text\">\n                    {{ card.nickname }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemCvc>\n                  <div class=\"company-info-item d-flex justify-content-between\">\n                    <ng-container\n                      *ngIf=\"!isCvcVisible(card?.cvc ?? ''); else hideCvcSvg\"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Cvc\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account info-icon-show-card\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideCvcSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Cvc\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-show-card\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n\n                    <p class=\"company-info-text\">\n                      {{\n                        card?.cvc ?? ''\n                          | hideAccount\n                            : 'cvc'\n                            : cvcVisibility[card?.cvc ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === card.cvc ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === card.cvc ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, card?.cvc ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ card.nickname }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-template\n      #companyInfoTemplate\n      let-title=\"title\"\n      let-icon=\"icon\"\n      let-text=\"text\"\n    >\n      <div\n        class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n      >\n        <div class=\"company-info-item d-flex\">\n          <svg-icon\n            class=\"company-info-icon d-flex align-items-center justify-content-center\"\n            [src]=\"icon\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n          ></svg-icon>\n          <p class=\"company-info-text\">{{ text }}</p>\n          <div\n            ngbTooltip\n            [mainCaTooltip]=\"textCopied === text ? 'Copied' : 'Copy'\"\n            position=\"bottom\"\n            [tooltipBackground]=\"textCopied === text ? '#0B49D1' : '#424242'\"\n            tooltipColor=\"#FFFFFF\"\n            tooltipTextAlign=\"center\"\n          >\n            <svg-icon\n              class=\"company-info-icon info-icon-copy\"\n              [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n              (click)=\"copyText($event, text ?? '')\"\n            ></svg-icon>\n          </div>\n        </div>\n        <p class=\"company-info-title-text\">\n          {{ title }}\n        </p>\n      </div>\n    </ng-template>\n\n    <ng-template\n      #companyAdditionalInfoTemplate\n      let-title=\"title\"\n      let-text=\"text\"\n    >\n      <div\n        class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n      >\n        <div class=\"company-info-item d-flex\">\n          <p class=\"company-info-text\">{{ text }}</p>\n          <div\n            ngbTooltip\n            [mainCaTooltip]=\"textCopied === text ? 'Copied' : 'Copy'\"\n            position=\"bottom\"\n            [tooltipBackground]=\"textCopied === text ? '#0B49D1' : '#424242'\"\n            tooltipColor=\"#FFFFFF\"\n            tooltipTextAlign=\"center\"\n          >\n            <svg-icon\n              class=\"company-info-icon info-icon-copy\"\n              [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n              (click)=\"copyText($event, text ?? '')\"\n            ></svg-icon>\n          </div>\n        </div>\n        <p class=\"company-info-title-text\">\n          {{ title }}\n        </p>\n      </div>\n    </ng-template>\n  </div>\n</ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.company-container{background-color:#fff;width:350px;border-radius:3px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px);padding:6px 6px 0}.company-container .company-name-container .company-name{padding-left:6px}.company-container .company-name-container .company-name .company-name-text{font-size:16px;line-height:26px;color:#424242}.company-container .company-name-container .company-edit-container{padding:4px;border-radius:2px;gap:6px}.company-container .company-name-container .company-edit-container .company-edit-icon svg path{fill:#919191}.company-container .company-name-container .company-edit-container .company-delete-icon svg path{fill:#e66767}.company-container .company-logo-container{padding:6px}.company-container .company-logo-container .sp-company-logo-img{max-width:348px;max-height:80px}.company-container .company-logo-container .company-no-logo-container .company-no-logo{font-weight:900;color:#b7b7b7;text-overflow:ellipsis;overflow:hidden;width:fit-content;white-space:nowrap;height:80px}.company-container .company-logo-container .company-no-logo-container .fourty-two{font-size:42px;line-height:42px}.company-container .company-logo-container .company-no-logo-container .thirty-two{font-size:32px;line-height:32px;white-space:pre-line}.company-container .company-logo-container .company-no-logo-container .eighteen{font-size:18px;line-height:18px;white-space:pre-line}.company-container .company-info-container{padding-bottom:8px}.company-container .company-additional-info-container{padding:4px 0 8px}.company-container .company-additional-info-container .additional-info-title{padding:6px;cursor:pointer}.company-container .company-additional-info-container .additional-info-title .additional-info-title-container{flex-grow:1}.company-container .company-additional-info-container .additional-info-title .additional-info-title-text{font-size:14px;line-height:18px;padding-right:4px}.company-container .company-additional-info-container .additional-info-title .additional-info-title-text.additional-info-title-text-hide{color:#6c6c6c}.company-container .company-additional-info-container .additional-info-title .additional-info-title-number{font-size:11px;line-height:14px;width:18px;height:18px;border-radius:60px;background-color:#6c6c6c;color:#fff}.company-container .company-additional-info-container .additional-info-title .additional-info-title-number.additional-info-title-number-hide{background-color:#919191}.company-container .company-additional-info-container .additional-info-title .additional-info-btn{font-size:11px;line-height:14px}.company-container .company-additional-info-container .additional-info-title .additional-info-btn.additional-info-btn-hide{color:#6c6c6c}.company-container .company-additional-info-container .additional-info-title .additional-info-btn.additional-info-btn-show{color:#3b73ed}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-first svg path{fill:#919191}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-first:hover svg path{fill:#424242}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-second svg path{fill:#6692f1}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-second:hover svg path{fill:#0b49d1}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-title-text-hide,.company-container .company-additional-info-container .additional-info-title:hover .additional-info-btn-hide{color:#424242}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-btn-show{color:#0b49d1}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-title-number-hide{background-color:#6c6c6c}.company-info-item-container{padding:6px;gap:12px}.company-info-item-container .company-info-item,.company-info-item-container .company-info-item .address-first-container{gap:4px}.company-info-item-container .company-info-item .company-info-icon svg path{fill:#919191}.company-info-item-container .company-info-item .company-info-icon.info-icon-routing:hover svg path{fill:#6c6c6c}.company-info-item-container .company-info-item .company-info-icon.info-icon-account{display:flex;justify-content:center;align-items:center;cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-account:hover svg path{fill:#6c6c6c}.company-info-item-container .company-info-item .company-info-icon.info-icon-show-card{display:none}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide{cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide svg path{fill:#6692f1}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide:hover svg path{fill:#3b73ed}.company-info-item-container .company-info-item .company-info-icon.info-icon-copy{display:none;cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-copy:hover svg path{fill:#424242}.company-info-item-container .company-info-item .company-info-icon.info-icon-card-type{display:flex;justify-content:center;align-items:center}.company-info-item-container .company-info-item .company-info-text{font-size:11px;line-height:14px;color:#424242}.company-info-item-container .company-info-item .company-info-text .extension-phone{color:#919191}.company-info-item-container .company-info-title-text{font-size:11px;line-height:14px;color:#919191}.company-info-item-container:hover{background-color:#f7f7f7}.company-info-item-container:hover .company-info-item .info-icon-copy{display:flex;justify-content:center;align-items:center}.company-info-item-container:hover .company-info-item .info-icon-card-type{display:none}.company-info-item-container:hover .company-info-item .info-icon-show-card{display:flex;justify-content:center;align-items:center}.horizontal-line{width:99%;height:1px;background-color:#dadada}.pt-8-custom{padding-top:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { 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: 
                 // components
                 CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type: 
@@ -23069,7 +23299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         HideAccountPipe,
                         BankCardTypesPipe,
                     ], animations: [cardComponentAnimation('showHideCardBody')], standalone: true, template: "<ng-container *ngIf=\"_company\">\n  <div class=\"company-container\">\n    <div class=\"company-name-container d-flex justify-content-between\">\n      <div class=\"company-name\">\n        <p class=\"company-name-text ca-font-extra-bold\">{{ _company.name }}</p>\n      </div>\n      <div class=\"company-edit-container d-flex\">\n        <svg-icon\n          class=\"company-edit-icon d-flex align-items-center justify-content-center\"\n          [src]=\"'ic_edit' | caSvg: 'right-side-panel'\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n        <ng-container *ngIf=\"companyIsDivision\">\n          <svg-icon\n            class=\"company-delete-icon d-flex align-items-center justify-content-center\"\n            [src]=\"'ic_delete' | caSvg: 'right-side-panel'\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"company-logo-container\">\n      <ng-container *ngIf=\"_company?.logoFile?.url; else companyNoLogo\">\n        <img\n          [src]=\"_company?.logoFile?.url\"\n          [alt]=\"_company.logoFile?.fileName?.substring(0, 1)\"\n          class=\"sp-company-logo-img\"\n        />\n      </ng-container>\n      <ng-template #companyNoLogo>\n        <div class=\"company-no-logo-container\">\n          <div\n            class=\"company-no-logo d-flex align-items-center\"\n            [ngClass]=\"fontSizeLogo\"\n          >\n            {{ _company?.name }}\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <div class=\"company-info-container\">\n      <ng-container *ngIf=\"_company?.phone\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.PHONE,\n              icon: 'ic_phone' | caSvg: 'input',\n              text: _company?.phone,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.fax\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.FAX,\n              icon: 'ic_fax' | caSvg: 'right-side-panel',\n              text: _company?.fax,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.email\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.EMAIL,\n              icon: 'ic_email' | caSvg: 'input',\n              text: _company?.email,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.webUrl\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            companyInfoTemplate;\n            context: {\n              title: CompanyInfoTitle.WEBSITE,\n              icon: 'ic_website' | caSvg: 'right-side-panel',\n              text: _company?.webUrl,\n            }\n          \"\n        >\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.address\">\n        <div class=\"company-info-item-container d-flex justify-content-between\">\n          <div class=\"company-info-item d-flex\">\n            <svg-icon\n              class=\"company-info-icon d-flex justify-content-center\"\n              [src]=\"'ic_address' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <div>\n              <div\n                class=\"address-first-container d-flex justify-content-between\"\n              >\n                <p class=\"company-info-text\">{{ firstPartAddress }}</p>\n                <div\n                  ngbTooltip\n                  [mainCaTooltip]=\"\n                    textCopied === _company?.address?.address\n                      ? 'Copied'\n                      : 'Copy'\n                  \"\n                  position=\"bottom\"\n                  [tooltipBackground]=\"\n                    textCopied === _company?.address?.address\n                      ? '#0B49D1'\n                      : '#424242'\n                  \"\n                  tooltipColor=\"#FFFFFF\"\n                  tooltipTextAlign=\"center\"\n                >\n                  <svg-icon\n                    class=\"company-info-icon info-icon-copy\"\n                    [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                    [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                    (click)=\"copyText($event, _company?.address?.address ?? '')\"\n                  ></svg-icon>\n                </div>\n              </div>\n              <p class=\"company-info-text\">{{ secondPartAddress }}</p>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.ADDRESS }}\n          </p>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"horizontal-line\"></div>\n\n    <div class=\"company-info-container pt-8-custom\">\n      <ng-container *ngIf=\"_company?.usDot\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.usDot }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"\n                textCopied === _company?.usDot ? 'Copied' : 'Copy'\n              \"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.usDot ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.usDot ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.USDOT }}\n          </p>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.ein\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.ein }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"textCopied === _company?.ein ? 'Copied' : 'Copy'\"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.ein ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.ein ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.EIN }}\n          </p>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"_company?.mc\">\n        <div\n          class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n        >\n          <div class=\"company-info-item d-flex\">\n            <p class=\"company-info-text ca-font-bold\">{{ _company?.mc }}</p>\n            <div\n              ngbTooltip\n              [mainCaTooltip]=\"textCopied === _company?.mc ? 'Copied' : 'Copy'\"\n              position=\"bottom\"\n              [tooltipBackground]=\"\n                textCopied === _company?.mc ? '#0B49D1' : '#424242'\n              \"\n              tooltipColor=\"#FFFFFF\"\n              tooltipTextAlign=\"center\"\n            >\n              <svg-icon\n                class=\"company-info-icon info-icon-copy\"\n                [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                (click)=\"copyText($event, _company?.mc ?? '')\"\n              ></svg-icon>\n            </div>\n          </div>\n          <p class=\"company-info-title-text\">\n            {{ CompanyInfoTitle.MC }}\n          </p>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"horizontal-line\"></div>\n\n    <div class=\"company-additional-info-container\">\n      <div\n        class=\"additional-info-title d-flex justify-content-between\"\n        (click)=\"toggleAdditionalInfo()\"\n      >\n        <h2\n          class=\"additional-info-title-text ca-font-extra-bold\"\n          [ngClass]=\"{\n            'additional-info-title-text-hide': !isAdditionalInfoOpen,\n          }\"\n        >\n          Additional Info\n        </h2>\n        <ng-container *ngIf=\"isAdditionalInfoOpen; else additionalInfoBtnShow\">\n          <p class=\"additional-info-btn additional-info-btn-hide ca-font-bold\">\n            Hide\n          </p>\n        </ng-container>\n\n        <ng-template #additionalInfoBtnShow>\n          <p class=\"additional-info-btn additional-info-btn-show ca-font-bold\">\n            Show\n          </p>\n        </ng-template>\n      </div>\n      <ng-container *ngIf=\"isAdditionalInfoOpen\">\n        <div\n          class=\"additional-info-content-container\"\n          [@showHideCardBody]=\"isAdditionalInfoOpen\"\n        >\n          <ng-container *ngIf=\"_company?.irp\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.IRP,\n                  text: _company?.irp,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.ifta\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.IFTA,\n                  text: _company?.ifta,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.toll\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.TOLL,\n                  text: _company?.toll,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.scac\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.SCAC,\n                  text: _company?.scac,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.timeZone?.name\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.TIME_ZONE,\n                  text: _company?.timeZone?.name,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_company?.currency?.name\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                companyAdditionalInfoTemplate;\n                context: {\n                  title: CompanyInfoTitle.CURRENCY,\n                  text: _company?.currency?.name,\n                }\n              \"\n            >\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_company?.departmentContacts?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleDepartmentContact()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              Department Contact\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              {{ _company?.departmentContacts?.length }}\n            </p>\n          </div>\n\n          <ng-container\n            *ngIf=\"isDepartmentContactOpen; else additionalInfoBtnShow\"\n          >\n            <ng-container *ngIf=\"isPhoneShown; else additionalInfoPhoneBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Email\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_email' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleDepartmentContactView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoPhoneBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Phone\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_phone' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleDepartmentContactView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleDepartmentContact()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isDepartmentContactOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isDepartmentContactOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let contact of _company?.departmentContacts;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isPhoneShown; else infoItemEmail\">\n                  <div class=\"company-info-item d-flex\">\n                    <svg-icon\n                      class=\"company-info-icon d-flex align-items-center justify-content-center\"\n                      [src]=\"'ic_phone' | caSvg: 'input'\"\n                      [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                    <p class=\"company-info-text\">\n                      {{ contact.phone }}\n\n                      <ng-container *ngIf=\"contact.extensionPhone\">\n                        <span class=\"extension-phone\"\n                          >x{{ contact.extensionPhone }}</span\n                        >\n                      </ng-container>\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === contact.phone ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === contact.phone ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, contact?.phone ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ contact?.department?.name }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemEmail>\n                  <div class=\"company-info-item d-flex\">\n                    <svg-icon\n                      class=\"company-info-icon d-flex align-items-center justify-content-center\"\n                      [src]=\"'ic_email' | caSvg: 'input'\"\n                      [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                    <p class=\"company-info-text\">\n                      {{ contact.email }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === contact.email ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === contact.email ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, contact?.email ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ contact?.department?.name }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"_company?.bankAccounts?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleBankAccount()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isBankAccountOpen,\n              }\"\n            >\n              Bank Account\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isDepartmentContactOpen,\n              }\"\n            >\n              {{ _company?.bankAccounts?.length }}\n            </p>\n          </div>\n\n          <ng-container *ngIf=\"isBankAccountOpen; else additionalInfoBtnShow\">\n            <ng-container *ngIf=\"isRoutingShown; else additionalInfoAccountBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Account\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_password' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankAccountView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoAccountBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Routing\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_bank_account' | caSvg: 'right-side-panel'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankAccountView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleDepartmentContact()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isBankAccountOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isBankAccountOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let account of _company?.bankAccounts;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isRoutingShown; else infoItemAccount\">\n                  <div class=\"company-info-item d-flex\">\n                    <div\n                      ngbTooltip\n                      mainCaTooltip=\"Routing\"\n                      position=\"bottom\"\n                      tooltipBackground=\"#424242\"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-routing d-flex align-items-center justify-content-center\"\n                        [src]=\"'ic_bank_account' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                      ></svg-icon>\n                    </div>\n                    <p class=\"company-info-text\">\n                      {{ account.routing }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === account.routing ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === account.routing ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, account?.routing ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ account?.bank?.name }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemAccount>\n                  <div class=\"company-info-item d-flex\">\n                    <ng-container\n                      *ngIf=\"\n                        !isAccountVisible(account?.account ?? '');\n                        else hideAccountSvg\n                      \"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Account\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account d-flex align-items-center justify-content-center\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"\n                            toggleAccountVisibility(account?.account ?? '')\n                          \"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideAccountSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Account\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide d-flex align-items-center justify-content-center\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"\n                            toggleAccountVisibility(account?.account ?? '')\n                          \"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n\n                    <p class=\"company-info-text\">\n                      {{\n                        account?.account ?? ''\n                          | hideAccount\n                            : 'account'\n                            : accountVisibility[account?.account ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === account.account ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === account.account ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, account?.account ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ account?.bank?.name }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"_company?.bankCards?.length\">\n      <div class=\"horizontal-line\"></div>\n      <div class=\"company-additional-info-container\">\n        <div\n          class=\"additional-info-title d-flex justify-content-between align-items-center\"\n        >\n          <div\n            class=\"additional-info-title-container d-flex align-items-center\"\n            (click)=\"toggleBankCard()\"\n          >\n            <h2\n              class=\"additional-info-title-text ca-font-extra-bold\"\n              [ngClass]=\"{\n                'additional-info-title-text-hide': !isBankCardOpen,\n              }\"\n            >\n              Bank Card\n            </h2>\n            <p\n              class=\"additional-info-title-number ca-font-bold d-flex align-items-center justify-content-center\"\n              [ngClass]=\"{\n                'additional-info-title-number-hide': !isBankCardOpen,\n              }\"\n            >\n              {{ _company?.bankCards?.length }}\n            </p>\n          </div>\n\n          <ng-container *ngIf=\"isBankCardOpen; else additionalInfoBtnShow\">\n            <ng-container *ngIf=\"isCardShown; else additionalInfoAccountBtn\">\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Account\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-first d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_password' | caSvg: 'input'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankCardView()\"\n                ></svg-icon>\n              </div>\n            </ng-container>\n            <ng-template #additionalInfoAccountBtn>\n              <div\n                ngbTooltip\n                mainCaTooltip=\"Card no.\"\n                position=\"bottom\"\n                tooltipBackground=\"#424242\"\n                tooltipColor=\"#FFFFFF\"\n                tooltipTextAlign=\"center\"\n              >\n                <svg-icon\n                  class=\"additional-info-icon-second info-icon-phone d-flex align-items-center justify-content-center\"\n                  [src]=\"'ic_fuel_card' | caSvg: 'right-side-panel'\"\n                  [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  (click)=\"toggleBankCardView()\"\n                ></svg-icon>\n              </div>\n            </ng-template>\n          </ng-container>\n\n          <ng-template #additionalInfoBtnShow>\n            <p\n              class=\"additional-info-btn additional-info-btn-show ca-font-bold\"\n              (click)=\"toggleBankCard()\"\n            >\n              Show\n            </p>\n          </ng-template>\n        </div>\n        <ng-container *ngIf=\"isBankCardOpen\">\n          <div\n            class=\"additional-info-content-container\"\n            [@showHideCardBody]=\"isBankCardOpen\"\n          >\n            <ng-container\n              *ngFor=\"\n                let card of _company?.bankCards;\n                let indx = index;\n                trackBy: trackByIdentity\n              \"\n            >\n              <div\n                class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n              >\n                <ng-container *ngIf=\"isCardShown; else infoItemCvc\">\n                  <div class=\"company-info-item d-flex justify-content-between\">\n                    <ng-container\n                      *ngIf=\"!isCardVisible(card?.card ?? ''); else hideCardSvg\"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Card\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account info-icon-show-card\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCardVisibility(card?.card ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideCardSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Card\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-show-card\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCardVisibility(card?.card ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n                    <p class=\"company-info-text\">\n                      {{\n                        card.card\n                          | hideAccount\n                            : 'card'\n                            : cardVisibility[card?.card ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === card.card ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === card.card ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, card?.card ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n\n                  <p class=\"company-info-title-text\">\n                    {{ card.nickname }}\n                  </p>\n                </ng-container>\n\n                <ng-template #infoItemCvc>\n                  <div class=\"company-info-item d-flex justify-content-between\">\n                    <ng-container\n                      *ngIf=\"!isCvcVisible(card?.cvc ?? ''); else hideCvcSvg\"\n                    >\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Show Cvc\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account info-icon-show-card\"\n                          [src]=\"'ic_eye-visible' | caSvg: 'input'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-container>\n                    <ng-template #hideCvcSvg>\n                      <div\n                        ngbTooltip\n                        mainCaTooltip=\"Hide Cvc\"\n                        position=\"bottom\"\n                        tooltipBackground=\"#424242\"\n                        tooltipColor=\"#FFFFFF\"\n                        tooltipTextAlign=\"center\"\n                      >\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-show-card\"\n                          [src]=\"'ic_eye-icon' | caSvg: 'telematic-map-list'\"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          (click)=\"toggleCvcVisibility(card?.cvc ?? '')\"\n                        ></svg-icon>\n\n                        <svg-icon\n                          class=\"company-info-icon info-icon-account-hide info-icon-card-type\"\n                          [src]=\"\n                            card.cardType\n                              | bankCardTypesPipe\n                              | caSvg: 'right-side-panel'\n                          \"\n                          [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                        ></svg-icon>\n                      </div>\n                    </ng-template>\n\n                    <p class=\"company-info-text\">\n                      {{\n                        card?.cvc ?? ''\n                          | hideAccount\n                            : 'cvc'\n                            : cvcVisibility[card?.cvc ?? ''] || false\n                      }}\n                    </p>\n                    <div\n                      ngbTooltip\n                      [mainCaTooltip]=\"\n                        textCopied === card.cvc ? 'Copied' : 'Copy'\n                      \"\n                      position=\"bottom\"\n                      [tooltipBackground]=\"\n                        textCopied === card.cvc ? '#0B49D1' : '#424242'\n                      \"\n                      tooltipColor=\"#FFFFFF\"\n                      tooltipTextAlign=\"center\"\n                    >\n                      <svg-icon\n                        class=\"company-info-icon info-icon-copy\"\n                        [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n                        [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n                        (click)=\"copyText($event, card?.cvc ?? '')\"\n                      ></svg-icon>\n                    </div>\n                  </div>\n                  <p class=\"company-info-title-text\">\n                    {{ card.nickname }}\n                  </p>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-template\n      #companyInfoTemplate\n      let-title=\"title\"\n      let-icon=\"icon\"\n      let-text=\"text\"\n    >\n      <div\n        class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n      >\n        <div class=\"company-info-item d-flex\">\n          <svg-icon\n            class=\"company-info-icon d-flex align-items-center justify-content-center\"\n            [src]=\"icon\"\n            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n          ></svg-icon>\n          <p class=\"company-info-text\">{{ text }}</p>\n          <div\n            ngbTooltip\n            [mainCaTooltip]=\"textCopied === text ? 'Copied' : 'Copy'\"\n            position=\"bottom\"\n            [tooltipBackground]=\"textCopied === text ? '#0B49D1' : '#424242'\"\n            tooltipColor=\"#FFFFFF\"\n            tooltipTextAlign=\"center\"\n          >\n            <svg-icon\n              class=\"company-info-icon info-icon-copy\"\n              [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n              (click)=\"copyText($event, text ?? '')\"\n            ></svg-icon>\n          </div>\n        </div>\n        <p class=\"company-info-title-text\">\n          {{ title }}\n        </p>\n      </div>\n    </ng-template>\n\n    <ng-template\n      #companyAdditionalInfoTemplate\n      let-title=\"title\"\n      let-text=\"text\"\n    >\n      <div\n        class=\"company-info-item-container d-flex justify-content-between align-items-center\"\n      >\n        <div class=\"company-info-item d-flex\">\n          <p class=\"company-info-text\">{{ text }}</p>\n          <div\n            ngbTooltip\n            [mainCaTooltip]=\"textCopied === text ? 'Copied' : 'Copy'\"\n            position=\"bottom\"\n            [tooltipBackground]=\"textCopied === text ? '#0B49D1' : '#424242'\"\n            tooltipColor=\"#FFFFFF\"\n            tooltipTextAlign=\"center\"\n          >\n            <svg-icon\n              class=\"company-info-icon info-icon-copy\"\n              [src]=\"'ic_copy' | caSvg: 'right-side-panel'\"\n              [svgStyle]=\"{ 'width.px': 12, 'height.px': 12 }\"\n              (click)=\"copyText($event, text ?? '')\"\n            ></svg-icon>\n          </div>\n        </div>\n        <p class=\"company-info-title-text\">\n          {{ title }}\n        </p>\n      </div>\n    </ng-template>\n  </div>\n</ng-container>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.company-container{background-color:#fff;width:350px;border-radius:3px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px);padding:6px 6px 0}.company-container .company-name-container .company-name{padding-left:6px}.company-container .company-name-container .company-name .company-name-text{font-size:16px;line-height:26px;color:#424242}.company-container .company-name-container .company-edit-container{padding:4px;border-radius:2px;gap:6px}.company-container .company-name-container .company-edit-container .company-edit-icon svg path{fill:#919191}.company-container .company-name-container .company-edit-container .company-delete-icon svg path{fill:#e66767}.company-container .company-logo-container{padding:6px}.company-container .company-logo-container .sp-company-logo-img{max-width:348px;max-height:80px}.company-container .company-logo-container .company-no-logo-container .company-no-logo{font-weight:900;color:#b7b7b7;text-overflow:ellipsis;overflow:hidden;width:fit-content;white-space:nowrap;height:80px}.company-container .company-logo-container .company-no-logo-container .fourty-two{font-size:42px;line-height:42px}.company-container .company-logo-container .company-no-logo-container .thirty-two{font-size:32px;line-height:32px;white-space:pre-line}.company-container .company-logo-container .company-no-logo-container .eighteen{font-size:18px;line-height:18px;white-space:pre-line}.company-container .company-info-container{padding-bottom:8px}.company-container .company-additional-info-container{padding:4px 0 8px}.company-container .company-additional-info-container .additional-info-title{padding:6px;cursor:pointer}.company-container .company-additional-info-container .additional-info-title .additional-info-title-container{flex-grow:1}.company-container .company-additional-info-container .additional-info-title .additional-info-title-text{font-size:14px;line-height:18px;padding-right:4px}.company-container .company-additional-info-container .additional-info-title .additional-info-title-text.additional-info-title-text-hide{color:#6c6c6c}.company-container .company-additional-info-container .additional-info-title .additional-info-title-number{font-size:11px;line-height:14px;width:18px;height:18px;border-radius:60px;background-color:#6c6c6c;color:#fff}.company-container .company-additional-info-container .additional-info-title .additional-info-title-number.additional-info-title-number-hide{background-color:#919191}.company-container .company-additional-info-container .additional-info-title .additional-info-btn{font-size:11px;line-height:14px}.company-container .company-additional-info-container .additional-info-title .additional-info-btn.additional-info-btn-hide{color:#6c6c6c}.company-container .company-additional-info-container .additional-info-title .additional-info-btn.additional-info-btn-show{color:#3b73ed}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-first svg path{fill:#919191}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-first:hover svg path{fill:#424242}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-second svg path{fill:#6692f1}.company-container .company-additional-info-container .additional-info-title .additional-info-icon-second:hover svg path{fill:#0b49d1}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-title-text-hide,.company-container .company-additional-info-container .additional-info-title:hover .additional-info-btn-hide{color:#424242}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-btn-show{color:#0b49d1}.company-container .company-additional-info-container .additional-info-title:hover .additional-info-title-number-hide{background-color:#6c6c6c}.company-info-item-container{padding:6px;gap:12px}.company-info-item-container .company-info-item,.company-info-item-container .company-info-item .address-first-container{gap:4px}.company-info-item-container .company-info-item .company-info-icon svg path{fill:#919191}.company-info-item-container .company-info-item .company-info-icon.info-icon-routing:hover svg path{fill:#6c6c6c}.company-info-item-container .company-info-item .company-info-icon.info-icon-account{display:flex;justify-content:center;align-items:center;cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-account:hover svg path{fill:#6c6c6c}.company-info-item-container .company-info-item .company-info-icon.info-icon-show-card{display:none}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide{cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide svg path{fill:#6692f1}.company-info-item-container .company-info-item .company-info-icon.info-icon-account-hide:hover svg path{fill:#3b73ed}.company-info-item-container .company-info-item .company-info-icon.info-icon-copy{display:none;cursor:pointer}.company-info-item-container .company-info-item .company-info-icon.info-icon-copy:hover svg path{fill:#424242}.company-info-item-container .company-info-item .company-info-icon.info-icon-card-type{display:flex;justify-content:center;align-items:center}.company-info-item-container .company-info-item .company-info-text{font-size:11px;line-height:14px;color:#424242}.company-info-item-container .company-info-item .company-info-text .extension-phone{color:#919191}.company-info-item-container .company-info-title-text{font-size:11px;line-height:14px;color:#919191}.company-info-item-container:hover{background-color:#f7f7f7}.company-info-item-container:hover .company-info-item .info-icon-copy{display:flex;justify-content:center;align-items:center}.company-info-item-container:hover .company-info-item .info-icon-card-type{display:none}.company-info-item-container:hover .company-info-item .info-icon-show-card{display:flex;justify-content:center;align-items:center}.horizontal-line{width:99%;height:1px;background-color:#dadada}.pt-8-custom{padding-top:8px!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$5.Clipboard }], propDecorators: { company: [{
+        }], ctorParameters: () => [{ type: i1$4.Clipboard }], propDecorators: { company: [{
                 type: Input
             }], companyIsDivision: [{
                 type: Input
@@ -23223,6 +23453,7 @@ var ChartPluginIdsStringEnum;
     ChartPluginIdsStringEnum["HIGHLIGHT_SEGMENT_ON_HOVER"] = "highlightSegmentOnHover";
     ChartPluginIdsStringEnum["HIGHLIGHT_POINT_ON_HOVER"] = "highlightPointOnHover";
     ChartPluginIdsStringEnum["BORDER_BOTTOM_LINE_CHART"] = "borderBottomLineChart";
+    ChartPluginIdsStringEnum["X_DASHED"] = "x-dashed";
 })(ChartPluginIdsStringEnum || (ChartPluginIdsStringEnum = {}));
 
 var ChartEventTypesStringEnum;
@@ -23253,6 +23484,16 @@ var EChartAnnotationType;
     EChartAnnotationType["POLYGON"] = "polygon";
 })(EChartAnnotationType || (EChartAnnotationType = {}));
 
+class EChartAnnotation {
+    static { this.X_DASHED = {
+        id: ChartPluginIdsStringEnum.X_DASHED,
+        type: EChartAnnotationType.LINE,
+        scaleID: EChartEventProperties.X,
+        borderWidth: 3,
+        borderDash: [7, 5],
+    }; }
+}
+
 class ChartHelper {
     static hexToRgba(colorHex, opacity = 1) {
         colorHex = colorHex.replace(/^#/, '');
@@ -23270,7 +23511,7 @@ class ChartHelper {
     }
     static rgbToRgba(rgb = 'rgb(0, 0, 0)', opacity) {
         const rgbValues = rgb.match(/\d+/g);
-        if (rgbValues && rgbValues.length === 3) {
+        if (rgbValues && rgbValues.length >= 3) {
             const red = rgbValues[0];
             const green = rgbValues[1];
             const blue = rgbValues[2];
@@ -23437,6 +23678,45 @@ class ChartConstants {
     static { this.STRING_EMPTY = ''; }
 }
 
+class TruncatePipe {
+    transform(value, limit) {
+        if (!value)
+            return '';
+        return value.length > limit ? value.substring(0, limit) + '...' : value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'truncate',
+                    standalone: true,
+                }]
+        }] });
+
+class UnitPositionPipe {
+    transform(value, indicator) {
+        switch (indicator) {
+            case '$':
+                return `${indicator}${value}`;
+            case 'mi':
+                return `${value} ${indicator}`;
+            default:
+                return `${value}`;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnitPositionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UnitPositionPipe, isStandalone: true, name: "unitPosition" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnitPositionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'unitPosition',
+                    standalone: true
+                }]
+        }] });
+
 class ChartManagerService {
     constructor() {
         this.hoverStateSubject = new BehaviorSubject({
@@ -23492,10 +23772,20 @@ class CaChartComponent {
             });
         });
     }
+    set selectedIndex(value) {
+        if (!this.chart || !this.isChartDataAvailable)
+            return;
+        if (value !== null)
+            this.focusDoughnutArc(value);
+        else
+            this.setOriginalDoughnutArcsColor();
+        this.chart.update();
+    }
     constructor(changeDetector, chartManagerService) {
         this.changeDetector = changeDetector;
         this.chartManagerService = chartManagerService;
         this.hoveredIndex = new EventEmitter();
+        this.destroy$ = new Subject();
         this.areAnimationsCompleated = false;
         this._hoveredIndex = null;
         this.isChartDataAvailable = false;
@@ -23512,7 +23802,10 @@ class CaChartComponent {
     initializeChartManagerService() {
         if (!this.chartManagerService)
             return;
-        this.subscription = this.chartManagerService.hoverState$.subscribe(({ index, chartId }) => {
+        this.chartManagerService.
+            hoverState$.
+            pipe(takeUntil(this.destroy$))
+            .subscribe(({ index, chartId }) => {
             if (chartId !== this.chartId) {
                 this._hoveredIndex = index;
                 if (this.chart)
@@ -23528,45 +23821,54 @@ class CaChartComponent {
             return;
         if (chartDatasetHover.isHoverd) {
             const gradient = ChartHelper.createGradient(this.chartContext, this.chartCanvas, chartDatasetHover.color, chartDatasetHover.color, 0.6, 0.1, true);
-            this.chart.data.datasets = this.chart.data.datasets.map((dataset) => {
-                if (dataset.hidden)
-                    return dataset;
-                if (dataset.label?.toUpperCase() === chartDatasetHover.label.toUpperCase()) {
-                    const hoverdDataSet = {
-                        ...dataset,
-                        fill: true,
-                        backgroundColor: gradient,
-                        borderColor: chartDatasetHover.color,
-                        order: 1,
-                    };
-                    return hoverdDataSet;
-                }
-                else {
-                    const borderColorWithOpacity = ChartHelper.changeOpacityOfRgbOrRgba(dataset.borderColor, 0.2);
-                    return {
-                        ...dataset,
-                        fill: false,
-                        borderColor: borderColorWithOpacity,
-                    };
-                }
-            });
+            this.chart.data.datasets =
+                this.chart?.
+                    data?.
+                    datasets?.
+                    map((dataset) => {
+                    if (dataset.hidden)
+                        return dataset;
+                    if (dataset?.label?.toUpperCase() ===
+                        chartDatasetHover?.label?.toUpperCase()) {
+                        const hoverdDataSet = {
+                            ...dataset,
+                            fill: true,
+                            backgroundColor: gradient,
+                            borderColor: chartDatasetHover.color,
+                            order: 1,
+                        };
+                        return hoverdDataSet;
+                    }
+                    else {
+                        const borderColorWithOpacity = ChartHelper.changeOpacityOfRgbOrRgba(dataset.borderColor, 0.2);
+                        return {
+                            ...dataset,
+                            fill: false,
+                            borderColor: borderColorWithOpacity,
+                        };
+                    }
+                });
         }
         else {
-            this.chart.data.datasets = this.chart.data.datasets.map((dataset) => {
-                if (!dataset.hidden) {
-                    const originalColor = dataset.borderColor
-                        ? ChartHelper.changeOpacityOfRgbOrRgba(dataset.borderColor, 1)
-                        : ChartConstants.STRING_EMPTY;
-                    return {
-                        ...dataset,
-                        fill: false,
-                        borderColor: originalColor,
-                        backgroundColor: ChartConstants.STRING_EMPTY,
-                    };
-                }
-                else
-                    return dataset;
-            });
+            this.chart.data.datasets =
+                this.chart
+                    .data
+                    .datasets
+                    .map((dataset) => {
+                    if (!dataset.hidden) {
+                        const originalColor = dataset.borderColor
+                            ? ChartHelper.changeOpacityOfRgbOrRgba(dataset.borderColor, 1)
+                            : ChartConstants.STRING_EMPTY;
+                        return {
+                            ...dataset,
+                            fill: false,
+                            borderColor: originalColor,
+                            backgroundColor: ChartConstants.STRING_EMPTY,
+                        };
+                    }
+                    else
+                        return dataset;
+                });
         }
         this.chart.update();
     }
@@ -23581,14 +23883,14 @@ class CaChartComponent {
             this.chart.destroy();
         this.initializeAnnotationPlugin();
         if (this._chartConfig.chartType === "doughnut" /* ChartTypesStringEnum.DOUGHNUT */)
-            Chart.overrides.doughnut.cutout = '80%';
+            Chart.overrides.doughnut.cutout = '88%';
         this.chart = new Chart(this.chartContext, {
             type: this._chartConfig.chartType,
             data: this._chartConfig.chartData,
             options: this._chartConfig.chartOptions,
             plugins: this.plugins,
         });
-        if (!this._chartConfig.isDashboardChart) {
+        if (!this._chartConfig.isDashboardChart)
             this.chart.config.data.datasets = [
                 ...this._chartConfig?.
                     chartData?.
@@ -23601,23 +23903,22 @@ class CaChartComponent {
                     };
                     this.updateChartAnnotations(item, indx);
                     const yScale = this.chart.scales[EChartEventProperties.Y_AXIS_0];
+                    const backgroundColor = (item?.color &&
+                        item?.color2) ?
+                        ChartHelper.createGradient(this.chartContext, this.chartCanvas, item?.color, item?.color2) : item?.color;
                     const datasetConfig = {
                         ...item,
                         pointBorderColor: item.color,
                         ...pointConfig,
-                        backgroundColor: item?.color &&
-                            item?.color2 &&
-                            item?.color !== item?.color2 ?
-                            ChartHelper.createGradient(this.chartContext, this.chartCanvas, item?.color, item?.color2) : item?.color,
+                        backgroundColor,
                         fill: item?.fill
                     };
-                    if (this._chartConfig.chartType === "doughnut" /* ChartTypesStringEnum.DOUGHNUT */) {
+                    if (this._chartConfig.chartType === "doughnut" /* ChartTypesStringEnum.DOUGHNUT */)
                         return {
                             ...datasetConfig,
                             backgroundColor: item.backgroundColor
                         };
-                    }
-                    if (!item.shiftValue) {
+                    if (!item.shiftValue)
                         return {
                             ...datasetConfig,
                             backgroundColor: item?.color &&
@@ -23625,26 +23926,26 @@ class CaChartComponent {
                                 item?.color !== item?.color2 ?
                                 ChartHelper.createGradient(this.chartContext, this.chartCanvas, item?.color, item?.color2) : item?.color,
                         };
-                    }
                     const shiftValuePx = yScale.getPixelForValue(item.shiftValue || 0);
                     const shiftValueAdjusted = shiftValuePx / yScale.maxHeight;
-                    const borderColor = ChartHelper.createGradientWithShiftValue(this.chartContext, yScale.maxHeight, item.color || ChartConstants.STRING_EMPTY, item.color2 || ChartConstants.STRING_EMPTY, shiftValueAdjusted);
+                    const color1 = item.color || ChartConstants.STRING_EMPTY;
+                    const color2 = item.color2 || ChartConstants.STRING_EMPTY;
+                    const borderColor = ChartHelper.createGradientWithShiftValue(this.chartContext, yScale.maxHeight, color1, color2, shiftValueAdjusted);
                     return {
                         ...item,
                         ...pointConfig,
                         pointBorderColor: borderColor,
-                        backgroundColor: ChartHelper.createGradientWithShiftValue(this.chartContext, yScale.maxHeight, item.color || ChartConstants.STRING_EMPTY, item.color2 || ChartConstants.STRING_EMPTY, shiftValueAdjusted, true),
+                        backgroundColor: ChartHelper.createGradientWithShiftValue(this.chartContext, yScale.maxHeight, color1, color2, shiftValueAdjusted, true),
                         borderColor,
                         fill: true
                     };
                 })
             ];
-        }
         this.chart.update();
     }
     updateChart() {
         if (this.chart)
-            this.chart?.destroy();
+            this.chart.update();
         this.createChart();
     }
     setChartOptionsProperties() {
@@ -23665,8 +23966,14 @@ class CaChartComponent {
             },
             layout: {
                 padding: {
-                    top: 0,
-                    bottom: 0,
+                    top: this._chartConfig.chartType ===
+                        "doughnut" /* ChartTypesStringEnum.DOUGHNUT */ ?
+                        8 :
+                        0,
+                    bottom: this._chartConfig.chartType ===
+                        "doughnut" /* ChartTypesStringEnum.DOUGHNUT */ ?
+                        8 :
+                        0,
                     left: this._chartConfig.chartType === "bar" /* ChartTypesStringEnum.BAR */ &&
                         this._chartConfig.verticalyAlignBarChartWithLineCart
                         ? 6
@@ -23707,7 +24014,7 @@ class CaChartComponent {
                         autoSkipPadding: 12,
                         maxRotation: 0,
                         minRotation: 0,
-                        //Label written in 2 lines, will be ujusted with new design
+                        //Label written in 2 lines, will be adjusted with new design
                         callback: function (value, index) {
                             const label = labels[index];
                             const multiLineLabel = label ? label.split(' ') : [];
@@ -23727,38 +24034,47 @@ class CaChartComponent {
                 },
             },
             onHover: (event, item) => {
-                if (this._chartConfig.hasVerticalDashedAnnotation)
-                    this.resetAnnotations();
-                if (this._chartConfig.chartType === "doughnut" /* ChartTypesStringEnum.DOUGHNUT */) {
-                    const colors = this.chart.data.datasets[0].backgroundColor;
-                    this.chart.data.datasets[0].backgroundColor =
-                        colors.map((color) => {
-                            return ChartHelper.convertRgbToRgba(color);
-                        });
-                    this.chart.update();
-                }
-                if (!item ||
-                    !item?.length) {
-                    this.hoveredIndex.emit(null);
-                    return;
+                if (this._chartConfig.hasVerticalDashedAnnotation) {
+                    this.removeVerticalDashedLine();
+                    this.setVerticalDashedAnnotationLine(event);
                 }
-                this.hoveredIndex.emit(item[0].index);
+                this.setOriginalDoughnutArcsColor();
                 if (this._chartConfig.chartType === "doughnut" /* ChartTypesStringEnum.DOUGHNUT */) {
-                    const colors = this.chart.data.datasets[0].backgroundColor;
-                    const updatedColors = colors.map((color, indx) => {
-                        if (indx === item[0].index)
-                            return color;
-                        const convertedValue = ChartHelper.convertRgbToRgba(color, 0.2);
-                        return convertedValue;
-                    });
-                    this.chart.data.datasets[0].backgroundColor = updatedColors;
+                    this.hoveredIndex.emit(item[0]?.index || null);
+                    item[0]?.index >= 0 ?
+                        this.focusDoughnutArc(item[0]?.index) :
+                        this.setOriginalDoughnutArcsColor();
                 }
-                if (this._chartConfig.hasVerticalDashedAnnotation)
-                    this.setVerticalDashedAnnotationLine(item[0].element.x);
+                ;
                 this.chart.update();
             },
         };
     }
+    focusDoughnutArc(index) {
+        if (this._chartConfig.chartType !== "doughnut" /* ChartTypesStringEnum.DOUGHNUT */ ||
+            index === this.chart.data.datasets[0].data.length - 1)
+            return;
+        const colors = this.chart?.
+            data?.
+            datasets[0]?.backgroundColor;
+        const updatedColors = colors.map((color, indx) => {
+            if (indx === index)
+                return color;
+            const convertedValue = ChartHelper.convertRgbToRgba(color, 0.2);
+            return convertedValue;
+        });
+        this.chart.data.datasets[0].backgroundColor = updatedColors;
+    }
+    setOriginalDoughnutArcsColor() {
+        if (this._chartConfig.chartType !== "doughnut" /* ChartTypesStringEnum.DOUGHNUT */)
+            return;
+        const colors = this.chart.data.datasets[0].backgroundColor;
+        this.chart.data.datasets[0].backgroundColor =
+            [...colors.map((color) => {
+                    return ChartHelper.rgbToRgba(color, 1);
+                })];
+        this.chart.update();
+    }
     setChartDataProperties() {
         if ((this._chartConfig.chartType === "line" /* ChartTypesStringEnum.LINE */)) {
             this._chartConfig.chartData.datasets.forEach((dataset) => {
@@ -23781,13 +24097,10 @@ class CaChartComponent {
         }
     }
     setChartPluginsProperties() {
-        let hoveredIndex = null;
         this.plugins = [
             {
                 id: ChartPluginIdsStringEnum.HIGHLIGHT_SEGMENT_ON_HOVER,
                 afterEvent: (chart, event) => {
-                    if (!this._chartConfig.showTooltipBackground)
-                        return;
                     const nativeEvent = event.event.native;
                     if (event.event.type === ChartEventTypesStringEnum.MOUSE_OUT) {
                         const boundingRect = this.chart.canvas.getBoundingClientRect();
@@ -23798,10 +24111,13 @@ class CaChartComponent {
                         if (isMouseOutsideChart) {
                             this._hoveredIndex = null;
                             this.chartManagerService?.setHoverState(null, this.chartId);
+                            this.removeVerticalDashedLineAndFocus();
                             this.chart.draw();
                         }
                         return;
                     }
+                    if (!this._chartConfig.showTooltipBackground)
+                        return;
                     const boundingRect = this.chart.canvas.getBoundingClientRect();
                     const mouseHorizontalCoordinate = nativeEvent.clientX - boundingRect.left;
                     const { left, right } = this.chart.chartArea;
@@ -23912,7 +24228,9 @@ class CaChartComponent {
                             type: annotation.type,
                             scaleID: annotation.axis || item.yAxisID,
                             value: annotation.value || item.shiftValue,
-                            borderColor: annotation.color || '#DADADA',
+                            borderColor: annotation.color ||
+                                "#DADADA" /* ChartColorsStringEnum.
+                                                    BORDER_BOTTOM_LINE_CHART_COLOR */,
                             borderWidth: annotation.borderWidth || 2,
                             borderDash: annotation.borderDash || [0, 0],
                         },
@@ -23923,7 +24241,6 @@ class CaChartComponent {
         this.chart.update();
     }
     setMultipleYAxis(chartData) {
-        let absoluteMax;
         chartData.datasets.forEach((dataset, index) => {
             if (dataset.type === "line" /* ChartTypesStringEnum.LINE */ ||
                 dataset.type === "bar" /* ChartTypesStringEnum.BAR */) {
@@ -23962,83 +24279,106 @@ class CaChartComponent {
             }
         });
     }
-    resetAnnotations() {
-        this._chartConfig.chartOptions.plugins =
-            {
-                ...this._chartConfig.chartOptions.plugins,
-                annotation: {}
-            };
+    removeVerticalDashedLine() {
+        const annotations = this._chartConfig?.
+            chartOptions?.
+            plugins?.
+            annotation?.
+            annotations;
+        const key = ChartPluginIdsStringEnum.X_DASHED;
+        if (annotations) {
+            delete this._chartConfig?.
+                chartOptions?.
+                plugins?.
+                annotation?.
+                annotations?.[key];
+        }
         this.chart.update();
     }
-    setVerticalDashedAnnotationLine(xCord, color) {
+    setVerticalDashedAnnotationLine(event, color) {
+        const { left, right } = this.chart.chartArea;
         const xScale = this.chart.scales[EChartEventProperties.X];
-        const valueFromPixel = xScale.getValueForPixel(xCord);
-        if (valueFromPixel === undefined)
-            return;
-        this._chartConfig.chartOptions.plugins = {
-            ...this._chartConfig.chartOptions.plugins,
-            annotation: {
-                ...this._chartConfig.chartOptions?.plugins?.annotation,
-                annotations: {
-                    ...this._chartConfig.
-                        chartOptions?.
-                        plugins?.
-                        annotation?.
-                        annotations,
-                    [`x-dashed`]: {
-                        id: `x-dashed`,
-                        type: EChartAnnotationType.LINE,
-                        scaleID: EChartEventProperties.X,
-                        value: valueFromPixel,
-                        borderColor: color || '#DADADA',
-                        borderWidth: 2,
-                        borderDash: [5, 5],
+        const tickPositions = this._chartConfig?.
+            chartData?.labels?.
+            map((label, index) => {
+            return xScale.getPixelForValue(index);
+        });
+        const segmentBoundaries = tickPositions.map((tickPos, index) => {
+            const leftBoundary = index === 0 ? left : (tickPos + tickPositions[index - 1]) / 2;
+            const rightBoundary = index === tickPositions.length - 1
+                ? right
+                : (tickPos + tickPositions[index + 1]) / 2;
+            return { leftBoundary, rightBoundary };
+        });
+        const nativeEvent = event.native;
+        const boundingRect = this.chart.canvas.getBoundingClientRect();
+        const mouseHorizontalCoordinate = nativeEvent.clientX - boundingRect.left;
+        const newHoveredIndex = segmentBoundaries.findIndex((boundary) => mouseHorizontalCoordinate >= boundary.leftBoundary &&
+            mouseHorizontalCoordinate < boundary.rightBoundary);
+        if (newHoveredIndex >= 0) {
+            this._chartConfig.chartOptions.plugins = {
+                ...this._chartConfig.chartOptions.plugins,
+                annotation: {
+                    ...this._chartConfig.chartOptions?.plugins?.annotation,
+                    annotations: {
+                        ...this._chartConfig.
+                            chartOptions?.
+                            plugins?.
+                            annotation?.
+                            annotations,
+                        [ChartPluginIdsStringEnum.X_DASHED]: {
+                            ...EChartAnnotation.X_DASHED,
+                            value: newHoveredIndex,
+                            borderColor: color || "#DADADA" /* ChartColorsStringEnum.
+                                            BORDER_BOTTOM_LINE_CHART_COLOR */,
+                        },
                     },
                 },
-            },
-        };
+            };
+        }
+        ;
+        this.hoveredIndex.emit(newHoveredIndex);
+        this.chart.update();
+    }
+    removeVerticalDashedLineAndFocus() {
+        this.hoveredIndex.emit(null);
+        if (this._chartConfig.hasVerticalDashedAnnotation)
+            this.removeVerticalDashedLine();
     }
     ngOnDestroy() {
-        this.subscription?.unsubscribe();
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaChartComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ChartManagerService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaChartComponent, isStandalone: true, selector: "app-ca-chart", inputs: { chartId: "chartId", chartDatasetHover: "chartDatasetHover", chartConfig: "chartConfig" }, outputs: { hoveredIndex: "hoveredIndex" }, viewQueries: [{ propertyName: "chartCanvas", first: true, predicate: ["chartCanvas"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isChartDataAvailable; else noDataTemplate\">\n  <div\n    [ngStyle]=\"{\n      height: _chartConfig.height + 'px',\n      width: _chartConfig.width + '%',\n    }\"\n  >\n    <canvas #chartCanvas></canvas>\n  </div>\n</ng-container>\n<ng-template #noDataTemplate>\n  <div\n    class=\"d-flex justify-content-center align-items-center\"\n    [ngStyle]=\"{\n      height: _chartConfig.height + 'px',\n      width: _chartConfig.width + '%',\n    }\"\n  >\n    <svg-icon\n      [src]=\"_chartConfig.noDataImage\"\n      alt=\"No data available\"\n      class=\"no-data-svg\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: [".no-data-svg{width:100%;height:auto;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaChartComponent, isStandalone: true, selector: "app-ca-chart", inputs: { legendData: "legendData", chartId: "chartId", chartDatasetHover: "chartDatasetHover", chartConfig: "chartConfig", selectedIndex: "selectedIndex" }, outputs: { hoveredIndex: "hoveredIndex" }, viewQueries: [{ propertyName: "chartCanvas", first: true, predicate: ["chartCanvas"], descendants: true }], ngImport: i0, template: "@if (isChartDataAvailable) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            legend;\n            context: {\n                config: legendData,\n            }\n        \"\n    ></ng-container>\n    <div\n        [ngStyle]=\"{\n            height: _chartConfig.height + 'px',\n            width: _chartConfig.width + '%',\n        }\"\n    >\n        <canvas #chartCanvas></canvas>\n    </div>\n} @else {\n    <div\n        class=\"d-flex justify-content-center align-items-center\"\n        [ngStyle]=\"{\n            height: _chartConfig.height + 'px',\n            width: _chartConfig.width + '%',\n        }\"\n    >\n        <svg-icon\n            [src]=\"_chartConfig.noDataImage\"\n            alt=\"No data available\"\n            class=\"no-data-svg\"\n        ></svg-icon>\n    </div>\n}\n<ng-template #legend let-config=\"config\">\n    @if (config?.data) {\n        <div\n            [ngClass]=\"config.hasHighlightedBackground && 'colored-background'\"\n        >\n            @if (config.title) {\n                <div class=\"legend-title font-size-14 ta-font-extra-bold\">\n                    {{ config.title }}\n                </div>\n            }\n            <div class=\"legend-wrapper d-flex\">\n                @for (\n                    item of config.data;\n                    let index = $index;\n                    track item.name\n                ) {\n                    <div class=\"w-100\">\n                        <div\n                            class=\"d-flex align-content-center text-size-11 ta-font-bold\"\n                        >\n                            <span>{{ item?.name }}</span>\n                            <span\n                                [ngClass]=\"\n                                    item?.isLineIndicator\n                                        ? 'line-indicator'\n                                        : 'circle-indicator'\n                                \"\n                                [ngStyle]=\"{ background: item?.color }\"\n                            ></span>\n                        </div>\n                        <div class=\"text-size-18\">\n                            {{\n                                (item?.value !== 0\n                                    ? (item?.value | thousandSeparator)\n                                    : 0\n                                ) | unitPosition: item?.unit\n                            }}\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n</ng-template>\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}}.no-data-svg{width:100%;height:auto;max-width:100%}.legend-title{margin:6px;height:26px;line-height:26px;border-bottom:1px solid #dadada}.legend-wrapper{width:100%;min-height:46px;padding:4px 6px}.legend-wrapper .circle-indicator{height:10px;width:10px;border-radius:50px;margin:2px 4px}.legend-wrapper .line-indicator{height:2px;width:10px;margin:auto 4px}.colored-background{background-color:#eee;padding:0}\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: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: UnitPositionPipe, name: "unitPosition" }, { kind: "pipe", type: ThousandSeparatorPipe, name: "thousandSeparator" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-ca-chart', standalone: true, imports: [CommonModule, AngularSvgIconModule], template: "<ng-container *ngIf=\"isChartDataAvailable; else noDataTemplate\">\n  <div\n    [ngStyle]=\"{\n      height: _chartConfig.height + 'px',\n      width: _chartConfig.width + '%',\n    }\"\n  >\n    <canvas #chartCanvas></canvas>\n  </div>\n</ng-container>\n<ng-template #noDataTemplate>\n  <div\n    class=\"d-flex justify-content-center align-items-center\"\n    [ngStyle]=\"{\n      height: _chartConfig.height + 'px',\n      width: _chartConfig.width + '%',\n    }\"\n  >\n    <svg-icon\n      [src]=\"_chartConfig.noDataImage\"\n      alt=\"No data available\"\n      class=\"no-data-svg\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: [".no-data-svg{width:100%;height:auto;max-width:100%}\n"] }]
+            args: [{ selector: 'app-ca-chart', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        UnitPositionPipe,
+                        ThousandSeparatorPipe,
+                    ], template: "@if (isChartDataAvailable) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            legend;\n            context: {\n                config: legendData,\n            }\n        \"\n    ></ng-container>\n    <div\n        [ngStyle]=\"{\n            height: _chartConfig.height + 'px',\n            width: _chartConfig.width + '%',\n        }\"\n    >\n        <canvas #chartCanvas></canvas>\n    </div>\n} @else {\n    <div\n        class=\"d-flex justify-content-center align-items-center\"\n        [ngStyle]=\"{\n            height: _chartConfig.height + 'px',\n            width: _chartConfig.width + '%',\n        }\"\n    >\n        <svg-icon\n            [src]=\"_chartConfig.noDataImage\"\n            alt=\"No data available\"\n            class=\"no-data-svg\"\n        ></svg-icon>\n    </div>\n}\n<ng-template #legend let-config=\"config\">\n    @if (config?.data) {\n        <div\n            [ngClass]=\"config.hasHighlightedBackground && 'colored-background'\"\n        >\n            @if (config.title) {\n                <div class=\"legend-title font-size-14 ta-font-extra-bold\">\n                    {{ config.title }}\n                </div>\n            }\n            <div class=\"legend-wrapper d-flex\">\n                @for (\n                    item of config.data;\n                    let index = $index;\n                    track item.name\n                ) {\n                    <div class=\"w-100\">\n                        <div\n                            class=\"d-flex align-content-center text-size-11 ta-font-bold\"\n                        >\n                            <span>{{ item?.name }}</span>\n                            <span\n                                [ngClass]=\"\n                                    item?.isLineIndicator\n                                        ? 'line-indicator'\n                                        : 'circle-indicator'\n                                \"\n                                [ngStyle]=\"{ background: item?.color }\"\n                            ></span>\n                        </div>\n                        <div class=\"text-size-18\">\n                            {{\n                                (item?.value !== 0\n                                    ? (item?.value | thousandSeparator)\n                                    : 0\n                                ) | unitPosition: item?.unit\n                            }}\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n</ng-template>\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}}.no-data-svg{width:100%;height:auto;max-width:100%}.legend-title{margin:6px;height:26px;line-height:26px;border-bottom:1px solid #dadada}.legend-wrapper{width:100%;min-height:46px;padding:4px 6px}.legend-wrapper .circle-indicator{height:10px;width:10px;border-radius:50px;margin:2px 4px}.legend-wrapper .line-indicator{height:2px;width:10px;margin:auto 4px}.colored-background{background-color:#eee;padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: ChartManagerService, decorators: [{
                     type: Optional
                 }] }], propDecorators: { chartCanvas: [{
                 type: ViewChild,
                 args: ['chartCanvas', { static: false }]
+            }], legendData: [{
+                type: Input
             }], chartId: [{
                 type: Input
             }], chartDatasetHover: [{
                 type: Input
             }], chartConfig: [{
                 type: Input
+            }], selectedIndex: [{
+                type: Input
             }], hoveredIndex: [{
                 type: Output
             }] } });
 
-class TruncatePipe {
-    transform(value, limit) {
-        if (!value)
-            return '';
-        return value.length > limit ? value.substring(0, limit) + '...' : value;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'truncate',
-                    standalone: true,
-                }]
-        }] });
-
 class CaTooltipListConstants {
     static { this.VALUE_PERCENTAGE_DELIMITER = '·'; }
 }
@@ -24142,9 +24482,9 @@ class CaChartManagerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaChartManagerComponent, deps: [{ token: ChartManagerService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaChartManagerComponent, isStandalone: true, selector: "app-ca-chart-manager", inputs: { chartConfigs: "chartConfigs", tooltipLables: "tooltipLables", chartDatasetHover: "chartDatasetHover" }, providers: [ChartManagerService], viewQueries: [{ propertyName: "chartManagerContainer", first: true, predicate: ["chartManagerContainer"], descendants: true }, { propertyName: "tooltipContainer", first: true, predicate: ["tooltipContainer"], descendants: true }], ngImport: i0, template: "<div\n    #chartManagerContainer\n    class=\"chart-manager-container\"\n    (mousemove)=\"onMouseMove($event)\"\n>\n    @for (chartConfig of chartConfigs; let i = $index; track trackByIndex) {\n        <app-ca-chart\n            [chartConfig]=\"chartConfig\"\n            [chartId]=\"'chart-' + i\"\n            [chartDatasetHover]=\"\n                chartConfig?.isDatasetHoverEnabled ? chartDatasetHover : null\n            \"\n        >\n        </app-ca-chart>\n    }\n\n    @if (hoveredIndex !== null) {\n        <div\n            #tooltipContainer\n            class=\"tooltip-container\"\n            [style.top.px]=\"tooltipPosition.y\"\n            [style.left.px]=\"tooltipPosition.x\"\n        >\n            <app-ca-tooltip-list [tooltipList]=\"tooltipList\">\n            </app-ca-tooltip-list>\n        </div>\n    }\n</div>\n", styles: ["::ng-deep app-ca-chart-manager .chart-manager-container{position:relative;overflow:hidden}::ng-deep app-ca-chart-manager .tooltip-container{position:absolute;pointer-events:none;z-index:1000;transform:translateY(-50%);white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaChartManagerComponent, isStandalone: true, selector: "app-ca-chart-manager", inputs: { chartConfigs: "chartConfigs", tooltipLables: "tooltipLables", chartDatasetHover: "chartDatasetHover" }, providers: [ChartManagerService], viewQueries: [{ propertyName: "chartManagerContainer", first: true, predicate: ["chartManagerContainer"], descendants: true }, { propertyName: "tooltipContainer", first: true, predicate: ["tooltipContainer"], descendants: true }], ngImport: i0, template: "<div\n    #chartManagerContainer\n    class=\"chart-manager-container\"\n    (mousemove)=\"onMouseMove($event)\"\n>\n    @for (chartConfig of chartConfigs; let i = $index; track $index) {\n        <app-ca-chart\n            [chartConfig]=\"chartConfig\"\n            [chartId]=\"'chart-' + i\"\n            [chartDatasetHover]=\"\n                chartConfig?.isDatasetHoverEnabled ? chartDatasetHover : null\n            \"\n        >\n        </app-ca-chart>\n    }\n\n    @if (hoveredIndex !== null) {\n        <div\n            #tooltipContainer\n            class=\"tooltip-container\"\n            [style.top.px]=\"tooltipPosition.y\"\n            [style.left.px]=\"tooltipPosition.x\"\n        >\n            <app-ca-tooltip-list [tooltipList]=\"tooltipList\">\n            </app-ca-tooltip-list>\n        </div>\n    }\n</div>\n", styles: ["::ng-deep app-ca-chart-manager .chart-manager-container{position:relative;overflow:hidden}::ng-deep app-ca-chart-manager .tooltip-container{position:absolute;pointer-events:none;z-index:1000;transform:translateY(-50%);white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 
                 //Components
-                CaChartComponent, selector: "app-ca-chart", inputs: ["chartId", "chartDatasetHover", "chartConfig"], outputs: ["hoveredIndex"] }, { kind: "component", type: CaTooltipListComponent, selector: "app-ca-tooltip-list", inputs: ["tooltipList"] }] }); }
+                CaChartComponent, selector: "app-ca-chart", inputs: ["legendData", "chartId", "chartDatasetHover", "chartConfig", "selectedIndex"], outputs: ["hoveredIndex"] }, { kind: "component", type: CaTooltipListComponent, selector: "app-ca-tooltip-list", inputs: ["tooltipList"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaChartManagerComponent, decorators: [{
             type: Component,
@@ -24153,7 +24493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         //Components
                         CaChartComponent,
                         CaTooltipListComponent,
-                    ], providers: [ChartManagerService], template: "<div\n    #chartManagerContainer\n    class=\"chart-manager-container\"\n    (mousemove)=\"onMouseMove($event)\"\n>\n    @for (chartConfig of chartConfigs; let i = $index; track trackByIndex) {\n        <app-ca-chart\n            [chartConfig]=\"chartConfig\"\n            [chartId]=\"'chart-' + i\"\n            [chartDatasetHover]=\"\n                chartConfig?.isDatasetHoverEnabled ? chartDatasetHover : null\n            \"\n        >\n        </app-ca-chart>\n    }\n\n    @if (hoveredIndex !== null) {\n        <div\n            #tooltipContainer\n            class=\"tooltip-container\"\n            [style.top.px]=\"tooltipPosition.y\"\n            [style.left.px]=\"tooltipPosition.x\"\n        >\n            <app-ca-tooltip-list [tooltipList]=\"tooltipList\">\n            </app-ca-tooltip-list>\n        </div>\n    }\n</div>\n", styles: ["::ng-deep app-ca-chart-manager .chart-manager-container{position:relative;overflow:hidden}::ng-deep app-ca-chart-manager .tooltip-container{position:absolute;pointer-events:none;z-index:1000;transform:translateY(-50%);white-space:nowrap}\n"] }]
+                    ], providers: [ChartManagerService], template: "<div\n    #chartManagerContainer\n    class=\"chart-manager-container\"\n    (mousemove)=\"onMouseMove($event)\"\n>\n    @for (chartConfig of chartConfigs; let i = $index; track $index) {\n        <app-ca-chart\n            [chartConfig]=\"chartConfig\"\n            [chartId]=\"'chart-' + i\"\n            [chartDatasetHover]=\"\n                chartConfig?.isDatasetHoverEnabled ? chartDatasetHover : null\n            \"\n        >\n        </app-ca-chart>\n    }\n\n    @if (hoveredIndex !== null) {\n        <div\n            #tooltipContainer\n            class=\"tooltip-container\"\n            [style.top.px]=\"tooltipPosition.y\"\n            [style.left.px]=\"tooltipPosition.x\"\n        >\n            <app-ca-tooltip-list [tooltipList]=\"tooltipList\">\n            </app-ca-tooltip-list>\n        </div>\n    }\n</div>\n", styles: ["::ng-deep app-ca-chart-manager .chart-manager-container{position:relative;overflow:hidden}::ng-deep app-ca-chart-manager .tooltip-container{position:absolute;pointer-events:none;z-index:1000;transform:translateY(-50%);white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: ChartManagerService }, { type: i0.ChangeDetectorRef }], propDecorators: { chartConfigs: [{
                 type: Input
             }], tooltipLables: [{
@@ -24801,7 +25141,7 @@ class CaCustomScrollbarComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCustomScrollbarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaCustomScrollbarComponent, isStandalone: true, selector: "app-ca-custom-scrollbar", inputs: { scrollBarOptions: "scrollBarOptions", horizontalScrollHeight: "horizontalScrollHeight" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "bar", first: true, predicate: ["bar"], descendants: true }], ngImport: i0, template: "<div\n    class=\"custom-scrollbar-holder\"\n    #contentHolder\n    (cdkObserveContent)=\"projectContentChanged()\"\n    [class.activeToolbar]=\"showScrollbar\"\n    [ngStyle]=\"{\n        height: _scrollBarOptions.showHorizontalScrollBar\n            ? _horizontalScrollHeight + 'px'\n            : 100 + 'vh',\n        'overflow-y': _scrollBarOptions.showHorizontalScrollBar\n            ? 'visible'\n            : 'auto',\n    }\"\n>\n    <ng-content></ng-content>\n    <!-- Vertical Scroll Bar -->\n    @if (showScrollbar && _scrollBarOptions.showVerticalScrollBar) {\n        <div class=\"right-bar-scroll\">\n            <div\n                class=\"right-bar\"\n                #bar\n                [ngStyle]=\"{ height: scrollHeight + 'px' }\"\n                (mousedown)=\"setDraggingStart($event)\"\n                (mouseup)=\"isMouseDown = false\"\n            ></div>\n        </div>\n    }\n\n    <!-- Horizontal Scroll Bar -->\n    @if (showScrollbar && _scrollBarOptions.showHorizontalScrollBar) {\n        <div\n            class=\"horizontal-scroll-bar\"\n            [ngStyle]=\"{\n                'left.px':\n                    _scrollBarOptions?.modalStyle?.horizontalScrollBarLeft ===\n                        0 ||\n                    _scrollBarOptions?.modalStyle?.horizontalScrollBarLeft\n                        ? _scrollBarOptions.modalStyle.horizontalScrollBarLeft\n                        : (tableNotPinedBoundingRect?.left || 0) - 74,\n                'width.px': _scrollBarOptions?.modalStyle\n                    ?.horizontalScrollBarWidth\n                    ? _scrollBarOptions.modalStyle.horizontalScrollBarWidth\n                    : tableNotPinedBoundingRect?.width,\n                'margin-top.px': _scrollBarOptions?.modalStyle\n                    ?.horizontalScrollBarMarginTop\n                    ? _scrollBarOptions.modalStyle.horizontalScrollBarMarginTop\n                    : -15,\n            }\"\n            [ngClass]=\"{\n                'modal-horizontal-scroll-bar':\n                    _scrollBarOptions?.modalStyle?.modalScrollClassActive,\n            }\"\n        >\n            <div\n                class=\"horizontal-bar\"\n                #bar\n                [ngStyle]=\"{\n                    'width.px': _scrollBarOptions?.modalStyle?.additionalWidth\n                        ? tableScrollWidth +\n                          _scrollBarOptions.modalStyle.additionalWidth\n                        : tableScrollWidth,\n                }\"\n                [ngClass]=\"{\n                    'horizontal-bar-sticky':\n                        (_scrollBarOptions?.dataLength || 0) >= 23,\n                }\"\n                (mousedown)=\"setDraggingStart($event)\"\n                (mouseup)=\"isMouseDown = false\"\n            ></div>\n        </div>\n    }\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.custom-scrollbar-holder{position:relative;transition:height .25s ease-in-out;scrollbar-width:none!important;-ms-overflow-style:none!important}.custom-scrollbar-holder::-webkit-scrollbar{display:none!important}.custom-scrollbar-holder ::-webkit-scrollbar-thumb,.custom-scrollbar-holder ::-webkit-scrollbar{width:1px!important;display:none!important}.custom-scrollbar-holder .overflow-unset{overflow-y:unset!important;overflow-x:unset!important}.custom-scrollbar-holder .right-bar-scroll{height:100%;position:fixed;right:0;top:0;-webkit-user-select:none;user-select:none}.custom-scrollbar-holder .right-bar-scroll .right-bar{position:absolute;right:3px;width:6px;min-height:30px;border-radius:1px;background-color:#aaa}.custom-scrollbar-holder .right-bar-scroll .right-bar:hover{background:#0000008c}.custom-scrollbar-holder .modal-horizontal-scroll-bar{height:6px;background:#eee;border-radius:2px}.custom-scrollbar-holder .horizontal-scroll-bar{width:100%;position:absolute;left:0;-webkit-user-select:none;user-select:none}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar{width:6px;position:relative!important;height:6px;min-width:30px;border-radius:1px;background-color:#aaa}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar:hover{background:#0000008c}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar-sticky{position:fixed;bottom:calc(0% + 14px)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaCustomScrollbarComponent, isStandalone: true, selector: "app-ca-custom-scrollbar", inputs: { scrollBarOptions: "scrollBarOptions", horizontalScrollHeight: "horizontalScrollHeight" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "bar", first: true, predicate: ["bar"], descendants: true }], ngImport: i0, template: "<div\n    class=\"custom-scrollbar-holder\"\n    #contentHolder\n    (cdkObserveContent)=\"projectContentChanged()\"\n    [class.activeToolbar]=\"showScrollbar\"\n    [ngStyle]=\"{\n        height: _scrollBarOptions.showHorizontalScrollBar\n            ? _horizontalScrollHeight + 'px'\n            : 100 + 'vh',\n        'overflow-y': _scrollBarOptions.showHorizontalScrollBar\n            ? 'visible'\n            : 'auto',\n    }\"\n>\n    <ng-content></ng-content>\n    <!-- Vertical Scroll Bar -->\n    @if (showScrollbar && _scrollBarOptions.showVerticalScrollBar) {\n        <div class=\"right-bar-scroll\">\n            <div\n                class=\"right-bar\"\n                #bar\n                [ngStyle]=\"{ height: scrollHeight + 'px' }\"\n                (mousedown)=\"setDraggingStart($event)\"\n                (mouseup)=\"isMouseDown = false\"\n            ></div>\n        </div>\n    }\n\n    <!-- Horizontal Scroll Bar -->\n    @if (showScrollbar && _scrollBarOptions.showHorizontalScrollBar) {\n        <div\n            class=\"horizontal-scroll-bar\"\n            [ngStyle]=\"{\n                'left.px':\n                    _scrollBarOptions?.modalStyle?.horizontalScrollBarLeft ===\n                        0 ||\n                    _scrollBarOptions?.modalStyle?.horizontalScrollBarLeft\n                        ? _scrollBarOptions.modalStyle.horizontalScrollBarLeft\n                        : (tableNotPinedBoundingRect?.left || 0) - 74,\n                'width.px': _scrollBarOptions?.modalStyle\n                    ?.horizontalScrollBarWidth\n                    ? _scrollBarOptions.modalStyle.horizontalScrollBarWidth\n                    : tableNotPinedBoundingRect?.width,\n                'margin-top.px': _scrollBarOptions?.modalStyle\n                    ?.horizontalScrollBarMarginTop\n                    ? _scrollBarOptions.modalStyle.horizontalScrollBarMarginTop\n                    : -15,\n            }\"\n            [ngClass]=\"{\n                'modal-horizontal-scroll-bar':\n                    _scrollBarOptions?.modalStyle?.modalScrollClassActive,\n            }\"\n        >\n            <div\n                class=\"horizontal-bar\"\n                #bar\n                [ngStyle]=\"{\n                    'width.px': _scrollBarOptions?.modalStyle?.additionalWidth\n                        ? tableScrollWidth +\n                          _scrollBarOptions.modalStyle.additionalWidth\n                        : tableScrollWidth,\n                }\"\n                [ngClass]=\"{\n                    'horizontal-bar-sticky':\n                        (_scrollBarOptions?.dataLength || 0) >= 23,\n                }\"\n                (mousedown)=\"setDraggingStart($event)\"\n                (mouseup)=\"isMouseDown = false\"\n            ></div>\n        </div>\n    }\n</div>\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}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.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:#dadada}.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:#dadada}.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}.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:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!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-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.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-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{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}.custom-scrollbar-holder{position:relative;transition:height .25s ease-in-out;scrollbar-width:none!important;-ms-overflow-style:none!important}.custom-scrollbar-holder::-webkit-scrollbar{display:none!important}.custom-scrollbar-holder ::-webkit-scrollbar-thumb,.custom-scrollbar-holder ::-webkit-scrollbar{width:1px!important;display:none!important}.custom-scrollbar-holder .overflow-unset{overflow-y:unset!important;overflow-x:unset!important}.custom-scrollbar-holder .right-bar-scroll{height:100%;position:fixed;right:0;top:0;-webkit-user-select:none;user-select:none}.custom-scrollbar-holder .right-bar-scroll .right-bar{position:absolute;right:3px;width:6px;min-height:30px;border-radius:1px;background-color:#aaa}.custom-scrollbar-holder .right-bar-scroll .right-bar:hover{background:#0000008c}.custom-scrollbar-holder .modal-horizontal-scroll-bar{height:6px;background:#eee;border-radius:2px}.custom-scrollbar-holder .horizontal-scroll-bar{width:100%;position:absolute;left:0;-webkit-user-select:none;user-select:none}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar{width:6px;position:relative!important;height:6px;min-width:30px;border-radius:1px;background-color:#aaa}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar:hover{background:#0000008c}.custom-scrollbar-holder .horizontal-scroll-bar .horizontal-bar-sticky{position:fixed;bottom:calc(0% + 14px)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2$3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCustomScrollbarComponent, decorators: [{
             type: Component,
@@ -25053,5 +25393,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaComponentsLibModule, CaCustomScrollbarComponent, CaDetailsDropdownComponent, CaDropdownMenuComponent, CaFilterComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDropdownComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSortDropdownComponent, CaSpinnerComponent, CaTodoComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, EChartAnnotationType, EChartEventProperties, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapOptionsConstants, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SortDropdownEnum, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, userInfoEnum };
+export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaComponentsLibModule, CaCustomScrollbarComponent, CaDetailsDropdownComponent, CaDropdownMenuComponent, CaFilterComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDropdownComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSortDropdownComponent, CaSpinnerComponent, CaTodoComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, EChartAnnotation, EChartAnnotationType, EChartEventProperties, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SortDropdownEnum, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, userInfoEnum };
 //# sourceMappingURL=ca-components.mjs.map