ca-components 1.0.76 → 1.0.77

package/fesm2022/ca-components.mjs

@@ -7,7 +7,7 @@ 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 { Subject, takeUntil, BehaviorSubject, combineLatest, debounceTime, skip, distinctUntilChanged as distinctUntilChanged$1, tap, filter, switchMap, of, catchError, from, Observable, map } from 'rxjs';
 import * as i1$4 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
@@ -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: {
@@ -16854,7 +16858,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 +16877,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: [{
@@ -23223,6 +23227,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 +23258,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 +23285,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 +23452,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 +23546,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 +23576,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 +23595,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 +23657,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 +23677,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 +23700,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 +23740,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 +23788,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 +23808,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 (this._chartConfig.hasVerticalDashedAnnotation) {
+                    this.removeVerticalDashedLine();
+                    this.setVerticalDashedAnnotationLine(event);
                 }
-                if (!item ||
-                    !item?.length) {
-                    this.hoveredIndex.emit(null);
-                    return;
-                }
-                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 +23871,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 +23885,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 +24002,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 +24015,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 +24053,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 +24256,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 +24267,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: [{
@@ -25053,5 +25167,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, MapOptionsConstants, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SortDropdownEnum, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, userInfoEnum };
 //# sourceMappingURL=ca-components.mjs.map