ca-components 1.3.32 → 1.3.34

package/fesm2022/ca-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Pipe, Component, Input, TemplateRef, Host, ViewChild, EventEmitter, ViewEncapsulation, ChangeDetectionStrategy, Output, Injectable, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, Self, Inject, forwardRef, ViewContainerRef, ViewChildren, Injector, Optional, NgModule } from '@angular/core';
+import { Pipe, Component, Input, TemplateRef, Host, ViewChild, EventEmitter, ViewEncapsulation, ChangeDetectionStrategy, Output, Injectable, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, Self, Inject, forwardRef, ViewContainerRef, Optional, ViewChildren, Injector, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, DatePipe, NgTemplateOutlet } from '@angular/common';
 import * as i3 from '@ng-bootstrap/ng-bootstrap';
@@ -991,25 +991,25 @@ var FilterActionsStringEnum;
     FilterActionsStringEnum["CLEAR_ALL_VALUES_EMIT"] = "clearAllValuesEmit";
 })(FilterActionsStringEnum || (FilterActionsStringEnum = {}));
 
-var DropdownMenuStringEnum$1;
-(function (DropdownMenuStringEnum) {
+var eDropdownMenu$1;
+(function (eDropdownMenu) {
     // titles
-    DropdownMenuStringEnum["EDIT"] = "Edit";
-    DropdownMenuStringEnum["VIEW_DETAILS"] = "View Details";
-    DropdownMenuStringEnum["SHARE"] = "Share";
-    DropdownMenuStringEnum["PRINT"] = "Print";
-    DropdownMenuStringEnum["DELETE"] = "Delete";
-    DropdownMenuStringEnum["UNASSIGN"] = "Unassign";
+    eDropdownMenu["EDIT"] = "Edit";
+    eDropdownMenu["VIEW_DETAILS"] = "View Details";
+    eDropdownMenu["SHARE"] = "Share";
+    eDropdownMenu["PRINT"] = "Print";
+    eDropdownMenu["DELETE"] = "Delete";
+    eDropdownMenu["UNASSIGN"] = "Unassign";
     // types
-    DropdownMenuStringEnum["EDIT_TYPE"] = "edit";
-    DropdownMenuStringEnum["VIEW_DETAILS_TYPE"] = "view-details";
-    DropdownMenuStringEnum["SHARE_TYPE"] = "share";
-    DropdownMenuStringEnum["PRINT_TYPE"] = "print";
-    DropdownMenuStringEnum["DELETE_TYPE"] = "delete";
-    DropdownMenuStringEnum["UNASSIGN_TYPE"] = "unassign";
+    eDropdownMenu["EDIT_TYPE"] = "edit";
+    eDropdownMenu["VIEW_DETAILS_TYPE"] = "view-details";
+    eDropdownMenu["SHARE_TYPE"] = "share";
+    eDropdownMenu["PRINT_TYPE"] = "print";
+    eDropdownMenu["DELETE_TYPE"] = "delete";
+    eDropdownMenu["UNASSIGN_TYPE"] = "unassign";
     // svg classes
-    DropdownMenuStringEnum["REGULAR"] = "regular";
-})(DropdownMenuStringEnum$1 || (DropdownMenuStringEnum$1 = {}));
+    eDropdownMenu["REGULAR"] = "regular";
+})(eDropdownMenu$1 || (eDropdownMenu$1 = {}));
 
 var StatusTypeEnum;
 (function (StatusTypeEnum) {
@@ -1025,9 +1025,9 @@ class DropdownMenuContentHelper {
         const requestedSharedItems = isOpenPayroll
             ? []
             : [
-                DropdownMenuStringEnum$1.VIEW_DETAILS,
-                DropdownMenuStringEnum$1.SHARE,
-                DropdownMenuStringEnum$1.PRINT,
+                eDropdownMenu$1.VIEW_DETAILS,
+                eDropdownMenu$1.SHARE,
+                eDropdownMenu$1.PRINT,
             ];
         // items
         const sharedItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems(requestedSharedItems, true);
@@ -1038,7 +1038,7 @@ class DropdownMenuContentHelper {
         const modifierItems = DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(loadStatus);
         const sharedItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([], true, modifierItems);
         if (loadStatus === StatusTypeEnum.PENDING) {
-            const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([DropdownMenuStringEnum$1.UNASSIGN], false);
+            const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([eDropdownMenu$1.UNASSIGN], false);
             return [
                 sharedItems[0],
                 ...conditionalItems,
@@ -1052,48 +1052,48 @@ class DropdownMenuContentHelper {
 class DropdownMenuContentConstants {
     // shared items
     static { this.DROPDOWN_MENU_SHARED_ITEMS = {
-        [DropdownMenuStringEnum$1.EDIT]: {
-            title: DropdownMenuStringEnum$1.EDIT,
-            type: DropdownMenuStringEnum$1.EDIT_TYPE,
+        [eDropdownMenu$1.EDIT]: {
+            title: eDropdownMenu$1.EDIT,
+            type: eDropdownMenu$1.EDIT_TYPE,
             svgUrl: 'assets/ca-components/svg/popup/edit-hover.svg',
-            svgClass: DropdownMenuStringEnum$1.REGULAR,
+            svgClass: eDropdownMenu$1.REGULAR,
             hasBorder: true,
         },
-        [DropdownMenuStringEnum$1.VIEW_DETAILS]: {
-            title: DropdownMenuStringEnum$1.VIEW_DETAILS,
-            type: DropdownMenuStringEnum$1.VIEW_DETAILS_TYPE,
+        [eDropdownMenu$1.VIEW_DETAILS]: {
+            title: eDropdownMenu$1.VIEW_DETAILS,
+            type: eDropdownMenu$1.VIEW_DETAILS_TYPE,
             svgUrl: 'assets/ca-components/svg/popup/ic_info.svg',
-            svgClass: DropdownMenuStringEnum$1.REGULAR,
+            svgClass: eDropdownMenu$1.REGULAR,
             hasBorder: true,
         },
-        [DropdownMenuStringEnum$1.SHARE]: {
-            title: DropdownMenuStringEnum$1.SHARE,
-            type: DropdownMenuStringEnum$1.SHARE_TYPE,
+        [eDropdownMenu$1.SHARE]: {
+            title: eDropdownMenu$1.SHARE,
+            type: eDropdownMenu$1.SHARE_TYPE,
             svgUrl: 'assets/svg/common/share-icon.svg',
-            svgClass: DropdownMenuStringEnum$1.REGULAR,
+            svgClass: eDropdownMenu$1.REGULAR,
         },
-        [DropdownMenuStringEnum$1.PRINT]: {
-            title: DropdownMenuStringEnum$1.PRINT,
-            type: DropdownMenuStringEnum$1.PRINT_TYPE,
+        [eDropdownMenu$1.PRINT]: {
+            title: eDropdownMenu$1.PRINT,
+            type: eDropdownMenu$1.PRINT_TYPE,
             svgUrl: 'assets/svg/truckassist-table/print-icon.svg',
-            svgClass: DropdownMenuStringEnum$1.REGULAR,
+            svgClass: eDropdownMenu$1.REGULAR,
             hasBorder: true,
         },
-        [DropdownMenuStringEnum$1.DELETE]: {
-            title: DropdownMenuStringEnum$1.DELETE,
-            type: DropdownMenuStringEnum$1.DELETE_TYPE,
+        [eDropdownMenu$1.DELETE]: {
+            title: eDropdownMenu$1.DELETE,
+            type: eDropdownMenu$1.DELETE_TYPE,
             svgUrl: 'assets/ca-components/svg/popup/Delete.svg',
-            svgClass: DropdownMenuStringEnum$1.DELETE_TYPE,
+            svgClass: eDropdownMenu$1.DELETE_TYPE,
         },
     }; }
     // conditional items
     static { this.DROPDOWN_MENU_CONDITIONAL_ITEMS = {
         // dispatchboard - pickup delivery component
-        [DropdownMenuStringEnum$1.UNASSIGN]: {
-            title: DropdownMenuStringEnum$1.UNASSIGN,
-            type: DropdownMenuStringEnum$1.UNASSIGN_TYPE,
+        [eDropdownMenu$1.UNASSIGN]: {
+            title: eDropdownMenu$1.UNASSIGN,
+            type: eDropdownMenu$1.UNASSIGN_TYPE,
             svgUrl: 'assets/ca-components/svg/popup/Minus.svg',
-            svgClass: DropdownMenuStringEnum$1.REGULAR,
+            svgClass: eDropdownMenu$1.REGULAR,
             hasBorder: true,
         },
     }; }
@@ -1123,11 +1123,11 @@ class DropdownMenuContentConditionalItemsHelper {
     static getPickupDeliveryModifierItems(loadStatus) {
         return [
             {
-                title: DropdownMenuStringEnum$1.EDIT,
+                title: eDropdownMenu$1.EDIT,
                 hasBorder: loadStatus !== StatusTypeEnum.PENDING,
             },
             {
-                title: DropdownMenuStringEnum$1.DELETE,
+                title: eDropdownMenu$1.DELETE,
                 isDisabled: loadStatus !== StatusTypeEnum.PENDING,
             },
         ];
@@ -14196,7 +14196,7 @@ class CaCustomDatetimePickersComponent {
         this.listPreview = CalendarListPreviewStringEnum.FULL_LIST;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCustomDatetimePickersComponent, deps: [{ token: CalendarDateTimePickerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaCustomDatetimePickersComponent, isStandalone: true, selector: "ca-custom-datetime-pickers", inputs: { dateTime: "dateTime", inputConfig: "inputConfig", calendarType: "calendarType", placeholder: "placeholder" }, outputs: { closePopover: "closePopover" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }, { propertyName: "dateCalendar", first: true, predicate: CaCustomDateTimePickersDateCalendarsComponent, descendants: true }, { propertyName: "pmAmScroll", first: true, predicate: ["pmAmScroll"], descendants: true }, { propertyName: "minutesScroll", first: true, predicate: ["minutesScroll"], descendants: true }, { propertyName: "hourScroll", first: true, predicate: ["hourScroll"], descendants: true }], ngImport: i0, template: "<div class=\"temp_inp_holder\">\n    <div>\n        <div class=\"pickers_holder dark_picker\">\n            <ng-container *ngIf=\"calendarMainType === 'date'\">\n                <div class=\"date_picker\">\n                    <app-ca-custom-datetime-pickers-date-calendars\n                        [listPreview]=\"listPreview\"\n                        [dateTime]=\"dateTime\"\n                        [isMonthAndYearOnly]=\"\n                            _inputConfig.name === 'datepickerBankCard'\n                        \"\n                        (setListPreviewValue)=\"setListPreview($event)\"\n                    ></app-ca-custom-datetime-pickers-date-calendars>\n                </div>\n            </ng-container>\n            \n            <ng-container *ngIf=\"calendarMainType === 'time'\">\n                <div class=\"time_picker\">\n                    <div class=\"time_picker_head d-flex\">\n                        <div class=\"selected_time ta-font-bold\">\n                            {{ selectedTime }}\n                        </div>\n                        <div\n                            class=\"sel_now ta-font-bold\"\n                            (click)=\"setDefaultTime()\"\n                        >\n                            Default\n                        </div>\n                    </div>\n                    <div class=\"time_picker_body\">\n                        <div class=\"picker_body_head\">\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'hours'\"\n                            >\n                                Hour\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'minutes'\"\n                            >\n                                Minute\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'times'\"\n                            >\n                                AM/PM\n                            </div>\n                        </div>\n                        <div class=\"picker_body\">\n                            <div\n                                #hourScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'hours'\"\n                                (scroll)=\"onScroll($event, 'hourScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let hour of hourTimes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.hourScroll === indx\n                                        }\"\n                                        (click)=\"onScroll($event, 'hourScroll', indx)\"\n                                    >\n                                        {{ hour }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #minutesScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'minutes'\"\n                                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let minutes of timeMinutes;\n                                        let indx = index\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.minutesScroll === indx\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'minutesScroll', indx)\n                                        \"\n                                    >\n                                        {{ minutes }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #pmAmScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'times'\"\n                                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let when of timeOfDay;\n                                        let indx = index\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.pmAmScroll === indx\n                                        }\"\n                                        (click)=\"onScroll($event, 'pmAmScroll', indx)\"\n                                    >\n                                        {{ when }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"picker_line\">\n                                <span class=\"border_line\"></span>\n                                <span class=\"border_line line_2\"></span>\n                            </div>\n                        </div>\n                        <div class=\"picker_buttons\">\n                            <div\n                                (click)=\"closePopup()\"\n                                class=\"pick_button ta-font-bold\"\n                            >\n                                Cancel\n                            </div>\n                            <div\n                                (click)=\"setTime()\"\n                                class=\"pick_button set_button ta-font-bold\"\n                            >\n                                Set\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CaCustomDateTimePickersDateCalendarsComponent, selector: "app-ca-custom-datetime-pickers-date-calendars", inputs: ["listPreview", "dateTime", "isMonthAndYearOnly"], outputs: ["setListPreviewValue"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaCustomDatetimePickersComponent, isStandalone: true, selector: "ca-custom-datetime-pickers", inputs: { dateTime: "dateTime", inputConfig: "inputConfig", calendarType: "calendarType", placeholder: "placeholder" }, outputs: { closePopover: "closePopover" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }, { propertyName: "dateCalendar", first: true, predicate: CaCustomDateTimePickersDateCalendarsComponent, descendants: true }, { propertyName: "pmAmScroll", first: true, predicate: ["pmAmScroll"], descendants: true }, { propertyName: "minutesScroll", first: true, predicate: ["minutesScroll"], descendants: true }, { propertyName: "hourScroll", first: true, predicate: ["hourScroll"], descendants: true }], ngImport: i0, template: "<div class=\"temp_inp_holder\">\n    <div>\n        <div class=\"pickers_holder dark_picker\">\n            <ng-container *ngIf=\"calendarMainType === 'date'\">\n                <div class=\"date_picker\">\n                    <app-ca-custom-datetime-pickers-date-calendars\n                        [listPreview]=\"listPreview\"\n                        [dateTime]=\"dateTime\"\n                        [isMonthAndYearOnly]=\"\n                            _inputConfig.name === 'datepickerBankCard'\n                        \"\n                        (setListPreviewValue)=\"setListPreview($event)\"\n                    ></app-ca-custom-datetime-pickers-date-calendars>\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"calendarMainType === 'time'\">\n                <div class=\"time_picker\">\n                    <div class=\"time_picker_head d-flex\">\n                        <div class=\"selected_time ta-font-bold\">\n                            {{ selectedTime }}\n                        </div>\n                        <div\n                            class=\"sel_now ta-font-bold\"\n                            (click)=\"setDefaultTime()\"\n                        >\n                            Default\n                        </div>\n                    </div>\n                    <div class=\"time_picker_body\">\n                        <div class=\"picker_body_head\">\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'hours'\"\n                            >\n                                Hour\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'minutes'\"\n                            >\n                                Minute\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'times'\"\n                            >\n                                AM/PM\n                            </div>\n                        </div>\n                        <div class=\"picker_body\">\n                            <div\n                                #hourScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'hours'\"\n                                (scroll)=\"onScroll($event, 'hourScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let hour of hourTimes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.hourScroll === indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'hourScroll', indx)\n                                        \"\n                                    >\n                                        {{ hour }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #minutesScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'minutes'\"\n                                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let minutes of timeMinutes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.minutesScroll ===\n                                                indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll(\n                                                $event,\n                                                'minutesScroll',\n                                                indx\n                                            )\n                                        \"\n                                    >\n                                        {{ minutes }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #pmAmScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'times'\"\n                                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let when of timeOfDay;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.pmAmScroll === indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'pmAmScroll', indx)\n                                        \"\n                                    >\n                                        {{ when }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"picker_line\">\n                                <span class=\"border_line\"></span>\n                                <span class=\"border_line line_2\"></span>\n                            </div>\n                        </div>\n                        <div class=\"picker_buttons\">\n                            <div\n                                (click)=\"closePopup()\"\n                                class=\"pick_button ta-font-bold\"\n                            >\n                                Cancel\n                            </div>\n                            <div\n                                (click)=\"setTime()\"\n                                class=\"pick_button set_button ta-font-bold\"\n                            >\n                                Set\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CaCustomDateTimePickersDateCalendarsComponent, selector: "app-ca-custom-datetime-pickers-date-calendars", inputs: ["listPreview", "dateTime", "isMonthAndYearOnly"], outputs: ["setListPreviewValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCustomDatetimePickersComponent, decorators: [{
             type: Component,
@@ -14204,7 +14204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         FormsModule,
                         CaCustomDateTimePickersDateCalendarsComponent,
-                    ], template: "<div class=\"temp_inp_holder\">\n    <div>\n        <div class=\"pickers_holder dark_picker\">\n            <ng-container *ngIf=\"calendarMainType === 'date'\">\n                <div class=\"date_picker\">\n                    <app-ca-custom-datetime-pickers-date-calendars\n                        [listPreview]=\"listPreview\"\n                        [dateTime]=\"dateTime\"\n                        [isMonthAndYearOnly]=\"\n                            _inputConfig.name === 'datepickerBankCard'\n                        \"\n                        (setListPreviewValue)=\"setListPreview($event)\"\n                    ></app-ca-custom-datetime-pickers-date-calendars>\n                </div>\n            </ng-container>\n            \n            <ng-container *ngIf=\"calendarMainType === 'time'\">\n                <div class=\"time_picker\">\n                    <div class=\"time_picker_head d-flex\">\n                        <div class=\"selected_time ta-font-bold\">\n                            {{ selectedTime }}\n                        </div>\n                        <div\n                            class=\"sel_now ta-font-bold\"\n                            (click)=\"setDefaultTime()\"\n                        >\n                            Default\n                        </div>\n                    </div>\n                    <div class=\"time_picker_body\">\n                        <div class=\"picker_body_head\">\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'hours'\"\n                            >\n                                Hour\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'minutes'\"\n                            >\n                                Minute\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'times'\"\n                            >\n                                AM/PM\n                            </div>\n                        </div>\n                        <div class=\"picker_body\">\n                            <div\n                                #hourScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'hours'\"\n                                (scroll)=\"onScroll($event, 'hourScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let hour of hourTimes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.hourScroll === indx\n                                        }\"\n                                        (click)=\"onScroll($event, 'hourScroll', indx)\"\n                                    >\n                                        {{ hour }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #minutesScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'minutes'\"\n                                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let minutes of timeMinutes;\n                                        let indx = index\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.minutesScroll === indx\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'minutesScroll', indx)\n                                        \"\n                                    >\n                                        {{ minutes }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #pmAmScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'times'\"\n                                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let when of timeOfDay;\n                                        let indx = index\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.pmAmScroll === indx\n                                        }\"\n                                        (click)=\"onScroll($event, 'pmAmScroll', indx)\"\n                                    >\n                                        {{ when }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"picker_line\">\n                                <span class=\"border_line\"></span>\n                                <span class=\"border_line line_2\"></span>\n                            </div>\n                        </div>\n                        <div class=\"picker_buttons\">\n                            <div\n                                (click)=\"closePopup()\"\n                                class=\"pick_button ta-font-bold\"\n                            >\n                                Cancel\n                            </div>\n                            <div\n                                (click)=\"setTime()\"\n                                class=\"pick_button set_button ta-font-bold\"\n                            >\n                                Set\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n" }]
+                    ], template: "<div class=\"temp_inp_holder\">\n    <div>\n        <div class=\"pickers_holder dark_picker\">\n            <ng-container *ngIf=\"calendarMainType === 'date'\">\n                <div class=\"date_picker\">\n                    <app-ca-custom-datetime-pickers-date-calendars\n                        [listPreview]=\"listPreview\"\n                        [dateTime]=\"dateTime\"\n                        [isMonthAndYearOnly]=\"\n                            _inputConfig.name === 'datepickerBankCard'\n                        \"\n                        (setListPreviewValue)=\"setListPreview($event)\"\n                    ></app-ca-custom-datetime-pickers-date-calendars>\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"calendarMainType === 'time'\">\n                <div class=\"time_picker\">\n                    <div class=\"time_picker_head d-flex\">\n                        <div class=\"selected_time ta-font-bold\">\n                            {{ selectedTime }}\n                        </div>\n                        <div\n                            class=\"sel_now ta-font-bold\"\n                            (click)=\"setDefaultTime()\"\n                        >\n                            Default\n                        </div>\n                    </div>\n                    <div class=\"time_picker_body\">\n                        <div class=\"picker_body_head\">\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'hours'\"\n                            >\n                                Hour\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'minutes'\"\n                            >\n                                Minute\n                            </div>\n                            <div\n                                class=\"ta-font-bold\"\n                                [class.active]=\"hoveredItem === 'times'\"\n                            >\n                                AM/PM\n                            </div>\n                        </div>\n                        <div class=\"picker_body\">\n                            <div\n                                #hourScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'hours'\"\n                                (scroll)=\"onScroll($event, 'hourScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let hour of hourTimes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.hourScroll === indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'hourScroll', indx)\n                                        \"\n                                    >\n                                        {{ hour }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #minutesScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'minutes'\"\n                                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let minutes of timeMinutes;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.minutesScroll ===\n                                                indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll(\n                                                $event,\n                                                'minutesScroll',\n                                                indx\n                                            )\n                                        \"\n                                    >\n                                        {{ minutes }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div\n                                #pmAmScroll\n                                (mouseout)=\"hoveredItem = null\"\n                                (mouseover)=\"hoveredItem = 'times'\"\n                                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                                class=\"scroll_pickers\"\n                            >\n                                <ng-container\n                                    *ngFor=\"\n                                        let when of timeOfDay;\n                                        let indx = index;\n                                        trackBy: trackByIndex\n                                    \"\n                                >\n                                    <div\n                                        class=\"scroll_item ta-font-medium\"\n                                        [ngClass]=\"{\n                                            'active_item ta-font-bold':\n                                                scrollTypes.pmAmScroll === indx,\n                                        }\"\n                                        (click)=\"\n                                            onScroll($event, 'pmAmScroll', indx)\n                                        \"\n                                    >\n                                        {{ when }}\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"picker_line\">\n                                <span class=\"border_line\"></span>\n                                <span class=\"border_line line_2\"></span>\n                            </div>\n                        </div>\n                        <div class=\"picker_buttons\">\n                            <div\n                                (click)=\"closePopup()\"\n                                class=\"pick_button ta-font-bold\"\n                            >\n                                Cancel\n                            </div>\n                            <div\n                                (click)=\"setTime()\"\n                                class=\"pick_button set_button ta-font-bold\"\n                            >\n                                Set\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: CalendarDateTimePickerService }], propDecorators: { dateTime: [{
                 type: Input
             }], ref: [{
@@ -17503,19 +17503,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-var DropdownMenuStringEnum;
-(function (DropdownMenuStringEnum) {
+var eDropdownMenu;
+(function (eDropdownMenu) {
     // actions
-    DropdownMenuStringEnum["CLOSE"] = "Close";
-    DropdownMenuStringEnum["OPEN"] = "Open";
+    eDropdownMenu["CLOSE"] = "Close";
+    eDropdownMenu["OPEN"] = "Open";
     // positions
-    DropdownMenuStringEnum["RIGHT_TOP"] = "right-top";
-    DropdownMenuStringEnum["BOTTOM_RIGHT"] = "bottom-right";
+    eDropdownMenu["RIGHT_TOP"] = "right-top";
+    eDropdownMenu["BOTTOM_RIGHT"] = "bottom-right";
     // types
-    DropdownMenuStringEnum["DOTS_MENU_TYPE"] = "dots-menu-type";
-    DropdownMenuStringEnum["HAMBURGER_MENU_TYPE"] = "hamburger-menu-type";
-    DropdownMenuStringEnum["SELECT_MENU_TYPE"] = "select-menu-type";
-})(DropdownMenuStringEnum || (DropdownMenuStringEnum = {}));
+    eDropdownMenu["DOTS_MENU_TYPE"] = "dots-menu-type";
+    eDropdownMenu["HAMBURGER_MENU_TYPE"] = "hamburger-menu-type";
+    eDropdownMenu["SELECT_MENU_TYPE"] = "select-menu-type";
+    eDropdownMenu["RESET_TABLE_TYPE"] = "reset-table-type";
+    // Empty string
+    eDropdownMenu["EMPTY_STRING_PLACEHOLDER"] = "";
+    // titles
+    eDropdownMenu["BACK_TO_MENU"] = "Back To Menu";
+})(eDropdownMenu || (eDropdownMenu = {}));
+
+class CheckboxSvgRoutes {
+    static { this.carrieraLogoActiveIcon = 'assets/ca-components/svg/common/ic_carriera-logo-active.svg'; }
+    static { this.carrieraLogoInactiveIcon = 'assets/ca-components/svg/common/ic_carriera-logo-inactive.svg'; }
+    static { this.checkedIcon = 'assets/ca-components/svg/applicant/check.svg'; }
+    static { this.disabledIcon = 'assets/ca-components/svg/common/ic_disable.svg'; }
+}
+
+class CaCheckboxComponent {
+    get getSuperControl() {
+        return this.superControl?.control;
+    }
+    constructor(superControl) {
+        this.superControl = superControl;
+        this.label = '';
+        this.required = false;
+        this.disabled = false;
+        this.disabledStillCheckMark = false;
+        this.svg = '';
+        this.name = 'ca-checkbox';
+        this.customClass = '';
+        this.moveIconDown = false;
+        this.isUseCarrieraACHCheckBox = false;
+        this.isDisabledBlue = false;
+        this.isDisabledRegularCheck = false;
+        this.isLabelDisabled = false;
+        this.isRegularCheckbox = true;
+        this.isChecked = false;
+        this.isGroupPartialyChecked = false;
+        this.groupIndex = -1;
+        this.itemIndex = -1;
+        this.formArrayAction = new EventEmitter();
+        this.columnCheckAction = new EventEmitter();
+        this.formArrayCheck = false;
+        this.checkboxSvgRoutes = CheckboxSvgRoutes;
+        if (this.superControl)
+            this.superControl.valueAccessor = this;
+    }
+    handleColumnDropdownCheckboxEmit() {
+        if (!this.isRegularCheckbox) {
+            this.isChecked = !this.isChecked;
+            const columnCheckAction = {
+                isChecked: this.isChecked,
+                name: this.label,
+                groupIndex: this.groupIndex,
+                itemIndex: this.itemIndex,
+            };
+            this.columnCheckAction.emit(columnCheckAction);
+        }
+    }
+    writeValue(_) { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    onChange() {
+        this.handleColumnDropdownCheckboxEmit();
+    }
+    registerOnTouched(_) { }
+    onAction() {
+        if (this.isRegularCheckbox) {
+            this.formArrayCheck = !this.formArrayCheck;
+            this.formArrayAction.emit(this.formArrayCheck);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCheckboxComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaCheckboxComponent, isStandalone: true, selector: "app-ca-checkbox", inputs: { label: "label", required: "required", disabled: "disabled", disabledStillCheckMark: "disabledStillCheckMark", svg: "svg", name: "name", customClass: "customClass", moveIconDown: "moveIconDown", isUseCarrieraACHCheckBox: "isUseCarrieraACHCheckBox", isDisabledBlue: "isDisabledBlue", isDisabledRegularCheck: "isDisabledRegularCheck", isLabelDisabled: "isLabelDisabled", isRegularCheckbox: "isRegularCheckbox", isChecked: "isChecked", isGroupPartialyChecked: "isGroupPartialyChecked", groupIndex: "groupIndex", itemIndex: "itemIndex" }, outputs: { formArrayAction: "formArrayAction", columnCheckAction: "columnCheckAction" }, ngImport: i0, template: "@let isCheckboxDisabled = disabled || disabledStillCheckMark;\n@if (isUseCarrieraACHCheckBox) {\n    <div\n        [ngClass]=\"{\n            disabled: isCheckboxDisabled,\n            'disabled-blue': isDisabledBlue,\n        }\"\n        class=\"d-flex align-items-center ca-checkbox-container {{\n            customClass\n        }}\"\n    >\n        <label\n            class=\"d-flex align-items-center\"\n            for=\"{{ name }}\"\n            (click)=\"onAction()\"\n        >\n            <input\n                type=\"checkbox\"\n                class=\"a-checkbox\"\n                name=\"{{ name }}\"\n                id=\"{{ name }}\"\n                [checked]=\"getSuperControl?.value\"\n                (change)=\"onChange()\"\n                (click)=\"$event.stopPropagation()\"\n            />\n\n            @if (!disabled || getSuperControl?.value) {\n                <span class=\"ca-mark\"></span>\n            }\n\n            <svg-icon\n                class=\"carriera-icon\"\n                [src]=\"\n                    getSuperControl?.value\n                        ? checkboxSvgRoutes.carrieraLogoActiveIcon\n                        : checkboxSvgRoutes.carrieraLogoInactiveIcon\n                \"\n            ></svg-icon>\n        </label>\n    </div>\n} @else {\n    <div\n        [ngClass]=\"{\n            disabled: isCheckboxDisabled,\n            'disabled-blue': isDisabledBlue,\n            'disabled-regular-check': isDisabledRegularCheck,\n        }\"\n        class=\"ca-checkbox-container {{ customClass }}\"\n    >\n        <label\n            class=\"d-flex align-items-center\"\n            for=\"{{ name }}\"\n            (click)=\"onAction()\"\n        >\n            @if (\n                getSuperControl?.errors?.['required'] &&\n                getSuperControl?.touched\n            ) {\n                <span class=\"required-text-checkbox ca-font-semi-bold\">\n                    Required\n                </span>\n            }\n\n            @if (\n                (!disabled || disabledStillCheckMark) &&\n                !isDisabledBlue &&\n                !isDisabledRegularCheck\n            ) {\n                <input\n                    type=\"checkbox\"\n                    class=\"ca-checkbox\"\n                    name=\"{{ name }}\"\n                    id=\"{{ name }}\"\n                    (click)=\"$event.stopPropagation()\"\n                    [checked]=\"\n                        !isRegularCheckbox ? isChecked : getSuperControl?.value\n                    \"\n                    (change)=\"onChange()\"\n                />\n            }\n\n            @if (\n                (!disabled ||\n                    (disabledStillCheckMark && getSuperControl?.value)) &&\n                !isDisabledBlue &&\n                !isDisabledRegularCheck\n            ) {\n                <span\n                    class=\"ca-mark\"\n                    [ngClass]=\"{\n                        invalid:\n                            getSuperControl?.errors?.['required'] &&\n                            getSuperControl?.touched,\n                        disabled: disabledStillCheckMark,\n                        'down-position': moveIconDown,\n                        minus: isGroupPartialyChecked,\n                    }\"\n                    ngbTooltip\n                    [mainCaTooltip]=\"\n                        getSuperControl?.value ? 'Clear' : 'Select'\n                    \"\n                    [tooltipMarginTop]=\"'5px'\"\n                    tooltipBackground=\"#424242\"\n                    position=\"bottom\"\n                    (click)=\"$event.stopPropagation()\"\n                ></span>\n            }\n\n            @if (isDisabledRegularCheck) {\n                <svg-icon\n                    class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n                    [src]=\"checkboxSvgRoutes.checkedIcon\"\n                ></svg-icon>\n            }\n\n            @if (isDisabledBlue) {\n                <svg-icon\n                    class=\"ca-checkbox-disabled-blue\"\n                    [src]=\"checkboxSvgRoutes.disabledIcon\"\n                ></svg-icon>\n            }\n\n            @if (disabled && !disabledStillCheckMark) {\n                <svg-icon\n                    class=\"ca-checkbox-disabled\"\n                    [src]=\"checkboxSvgRoutes.disabledIcon\"\n                ></svg-icon>\n            }\n\n            @if (svg) {\n                <svg-icon class=\"ca-checkbox-svg\" src=\"{{ svg }}\"></svg-icon>\n            }\n\n            <span\n                class=\"ca-checkbox-label ca-font-extra-bold\"\n                [ngClass]=\"{\n                    'ca-checkbox-label-blue': isDisabledBlue,\n                    'ca-checkbox-label-regular-check': isDisabledRegularCheck,\n                    'ca-checkbox-label-disabled': isLabelDisabled,\n                }\"\n                (click)=\"$event.preventDefault()\"\n            >\n                {{ label }}\n                @if (required) {\n                    <span class=\"ca-checkbox-label-required\">*</span>\n                }\n            </span>\n        </label>\n    </div>\n}\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,.ca-checkbox-container.dropdown-column .ca-checkbox-label,.ca-checkbox-container.regular-14 .ca-checkbox-label,.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400!important}.ca-font-medium,.ca-checkbox-container.medium-14 .ca-checkbox-label,.ca-checkbox-container.medium .ca-checkbox-label,.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue,.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold,.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label,.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label,.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important}.ca-font-extra-bold,.ca-checkbox-container.bold-14 .ca-checkbox-label,.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.ca-checkbox-container{display:inline-block;position:relative;top:1px;transition:transform .3s ease-in-out}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-mark{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#ccc;border-radius:3px;cursor:pointer;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-mark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-checkbox-label{color:#424242!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox-svg{margin-left:12px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled{pointer-events:none!important}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#dadada!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label,.ca-checkbox-container.regular-14 .ca-checkbox-label,.ca-checkbox-container.medium-14 .ca-checkbox-label{font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#dadada}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{color:#dadada!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: 
+                // modules
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                // components
+                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-checkbox', standalone: true, imports: [
+                        // modules
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // components
+                        CaAppTooltipV2Component,
+                    ], template: "@let isCheckboxDisabled = disabled || disabledStillCheckMark;\n@if (isUseCarrieraACHCheckBox) {\n    <div\n        [ngClass]=\"{\n            disabled: isCheckboxDisabled,\n            'disabled-blue': isDisabledBlue,\n        }\"\n        class=\"d-flex align-items-center ca-checkbox-container {{\n            customClass\n        }}\"\n    >\n        <label\n            class=\"d-flex align-items-center\"\n            for=\"{{ name }}\"\n            (click)=\"onAction()\"\n        >\n            <input\n                type=\"checkbox\"\n                class=\"a-checkbox\"\n                name=\"{{ name }}\"\n                id=\"{{ name }}\"\n                [checked]=\"getSuperControl?.value\"\n                (change)=\"onChange()\"\n                (click)=\"$event.stopPropagation()\"\n            />\n\n            @if (!disabled || getSuperControl?.value) {\n                <span class=\"ca-mark\"></span>\n            }\n\n            <svg-icon\n                class=\"carriera-icon\"\n                [src]=\"\n                    getSuperControl?.value\n                        ? checkboxSvgRoutes.carrieraLogoActiveIcon\n                        : checkboxSvgRoutes.carrieraLogoInactiveIcon\n                \"\n            ></svg-icon>\n        </label>\n    </div>\n} @else {\n    <div\n        [ngClass]=\"{\n            disabled: isCheckboxDisabled,\n            'disabled-blue': isDisabledBlue,\n            'disabled-regular-check': isDisabledRegularCheck,\n        }\"\n        class=\"ca-checkbox-container {{ customClass }}\"\n    >\n        <label\n            class=\"d-flex align-items-center\"\n            for=\"{{ name }}\"\n            (click)=\"onAction()\"\n        >\n            @if (\n                getSuperControl?.errors?.['required'] &&\n                getSuperControl?.touched\n            ) {\n                <span class=\"required-text-checkbox ca-font-semi-bold\">\n                    Required\n                </span>\n            }\n\n            @if (\n                (!disabled || disabledStillCheckMark) &&\n                !isDisabledBlue &&\n                !isDisabledRegularCheck\n            ) {\n                <input\n                    type=\"checkbox\"\n                    class=\"ca-checkbox\"\n                    name=\"{{ name }}\"\n                    id=\"{{ name }}\"\n                    (click)=\"$event.stopPropagation()\"\n                    [checked]=\"\n                        !isRegularCheckbox ? isChecked : getSuperControl?.value\n                    \"\n                    (change)=\"onChange()\"\n                />\n            }\n\n            @if (\n                (!disabled ||\n                    (disabledStillCheckMark && getSuperControl?.value)) &&\n                !isDisabledBlue &&\n                !isDisabledRegularCheck\n            ) {\n                <span\n                    class=\"ca-mark\"\n                    [ngClass]=\"{\n                        invalid:\n                            getSuperControl?.errors?.['required'] &&\n                            getSuperControl?.touched,\n                        disabled: disabledStillCheckMark,\n                        'down-position': moveIconDown,\n                        minus: isGroupPartialyChecked,\n                    }\"\n                    ngbTooltip\n                    [mainCaTooltip]=\"\n                        getSuperControl?.value ? 'Clear' : 'Select'\n                    \"\n                    [tooltipMarginTop]=\"'5px'\"\n                    tooltipBackground=\"#424242\"\n                    position=\"bottom\"\n                    (click)=\"$event.stopPropagation()\"\n                ></span>\n            }\n\n            @if (isDisabledRegularCheck) {\n                <svg-icon\n                    class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n                    [src]=\"checkboxSvgRoutes.checkedIcon\"\n                ></svg-icon>\n            }\n\n            @if (isDisabledBlue) {\n                <svg-icon\n                    class=\"ca-checkbox-disabled-blue\"\n                    [src]=\"checkboxSvgRoutes.disabledIcon\"\n                ></svg-icon>\n            }\n\n            @if (disabled && !disabledStillCheckMark) {\n                <svg-icon\n                    class=\"ca-checkbox-disabled\"\n                    [src]=\"checkboxSvgRoutes.disabledIcon\"\n                ></svg-icon>\n            }\n\n            @if (svg) {\n                <svg-icon class=\"ca-checkbox-svg\" src=\"{{ svg }}\"></svg-icon>\n            }\n\n            <span\n                class=\"ca-checkbox-label ca-font-extra-bold\"\n                [ngClass]=\"{\n                    'ca-checkbox-label-blue': isDisabledBlue,\n                    'ca-checkbox-label-regular-check': isDisabledRegularCheck,\n                    'ca-checkbox-label-disabled': isLabelDisabled,\n                }\"\n                (click)=\"$event.preventDefault()\"\n            >\n                {{ label }}\n                @if (required) {\n                    <span class=\"ca-checkbox-label-required\">*</span>\n                }\n            </span>\n        </label>\n    </div>\n}\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,.ca-checkbox-container.dropdown-column .ca-checkbox-label,.ca-checkbox-container.regular-14 .ca-checkbox-label,.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400!important}.ca-font-medium,.ca-checkbox-container.medium-14 .ca-checkbox-label,.ca-checkbox-container.medium .ca-checkbox-label,.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue,.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold,.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label,.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label,.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important}.ca-font-extra-bold,.ca-checkbox-container.bold-14 .ca-checkbox-label,.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.ca-checkbox-container{display:inline-block;position:relative;top:1px;transition:transform .3s ease-in-out}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-mark{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#ccc;border-radius:3px;cursor:pointer;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-mark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-checkbox-label{color:#424242!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block;transition:transform .3s ease-in-out}.ca-checkbox-container .ca-checkbox-svg{margin-left:12px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled{pointer-events:none!important}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#dadada!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label,.ca-checkbox-container.regular-14 .ca-checkbox-label,.ca-checkbox-container.medium-14 .ca-checkbox-label{font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#dadada}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{color:#dadada!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }], propDecorators: { label: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], disabledStillCheckMark: [{
+                type: Input
+            }], svg: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], moveIconDown: [{
+                type: Input
+            }], isUseCarrieraACHCheckBox: [{
+                type: Input
+            }], isDisabledBlue: [{
+                type: Input
+            }], isDisabledRegularCheck: [{
+                type: Input
+            }], isLabelDisabled: [{
+                type: Input
+            }], isRegularCheckbox: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isGroupPartialyChecked: [{
+                type: Input
+            }], groupIndex: [{
+                type: Input
+            }], itemIndex: [{
+                type: Input
+            }], formArrayAction: [{
+                type: Output
+            }], columnCheckAction: [{
+                type: Output
+            }] } });
 
 class DropdownMenuSvgRoutes {
     static { this.dotsDropdownIcon = 'assets/ca-components/svg/period-content/options.svg'; }
@@ -17528,8 +17659,8 @@ class DropdownMenuPlacementClassPipe {
         if (isPositionTranslateUnset) {
             return 'menu-translate-unset';
         }
-        else if (type === DropdownMenuStringEnum.DOTS_MENU_TYPE) {
-            return placement === DropdownMenuStringEnum.BOTTOM_RIGHT
+        else if (type === eDropdownMenu.DOTS_MENU_TYPE) {
+            return placement === eDropdownMenu.BOTTOM_RIGHT
                 ? 'dots-menu-bottom'
                 : 'dots-menu';
         }
@@ -17548,48 +17679,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class GroupItemCheckedStatePipe {
+    transform(option) {
+        if (!option.innerDropdownContent)
+            return false;
+        const innerOptions = option.innerDropdownContent;
+        return (innerOptions.some((opt) => opt.isChecked) &&
+            innerOptions.some((opt) => !opt.isChecked));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupItemCheckedStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GroupItemCheckedStatePipe, isStandalone: true, name: "groupItemCheckedState" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupItemCheckedStatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'groupItemCheckedState',
+                    standalone: true,
+                }]
+        }] });
+
 class CaDropdownMenuComponent {
+    get isDropdownMenuActive() {
+        return this.dropdownPopover?.isOpen();
+    }
     constructor() {
-        this.type = DropdownMenuStringEnum.DOTS_MENU_TYPE;
+        this.type = eDropdownMenu.DOTS_MENU_TYPE;
         this.options = [];
-        this.placement = DropdownMenuStringEnum.RIGHT_TOP;
+        this.placement = eDropdownMenu.RIGHT_TOP;
         this.isDarkBackground = false; // dropdown menu on dark background
         this.isLeftSideIconPosition = false;
         this.isPositionTranslateUnset = false;
         this.dropdownOptionEmitter = new EventEmitter();
         this.dropdownMenuSvgRoutes = DropdownMenuSvgRoutes;
-        this.dropdownMenuStringEnum = DropdownMenuStringEnum;
+        this.eDropdownMenu = eDropdownMenu;
         this.dropdownPopover = null;
         this.activeInnerDropdownOptionIndex = -1;
         this.isSelectMenuTypeActionItemSelected = false;
+        this.isBackToMainDropdownItemHovered = false;
+    }
+    handleCheckboxAction(action) {
+        const { groupIndex, itemIndex } = action;
+        groupIndex >= 0 && itemIndex >= 0
+            ? this.handleChildCheckboxAction(action)
+            : this.handleParentCheckboxAction(action);
+    }
+    handleChildCheckboxAction(action) {
+        const { groupIndex, itemIndex, isChecked } = action;
+        const parentOption = this.options[groupIndex];
+        if (!parentOption?.innerDropdownContent)
+            return;
+        const innerOption = parentOption.innerDropdownContent[itemIndex];
+        if (!innerOption)
+            return;
+        parentOption.innerDropdownContent =
+            parentOption.innerDropdownContent.map((item, index) => index === itemIndex ? { ...innerOption, isChecked } : item);
+        const dropdownOptionEmitPayload = {
+            type: innerOption.type,
+            isActive: isChecked,
+        };
+        this.dropdownOptionEmitter.emit(dropdownOptionEmitPayload);
+        this.updateParentCheckedState(parentOption, groupIndex);
+    }
+    handleParentCheckboxAction(action) {
+        const { itemIndex, isChecked } = action;
+        this.options = this.options.map((option, index) => index === itemIndex ? { ...option, isChecked } : option);
+        const targetOption = this.options[itemIndex];
+        targetOption.innerDropdownContent =
+            targetOption.innerDropdownContent?.map((inner) => ({
+                ...inner,
+                isChecked,
+            }));
+        const dropdownOptionEmitPayload = {
+            type: targetOption.type,
+            isActive: isChecked,
+        };
+        this.dropdownOptionEmitter.emit(dropdownOptionEmitPayload);
     }
-    get isDropdownMenuActive() {
-        return this.dropdownPopover?.isOpen();
+    updateParentCheckedState(option, itemIndex) {
+        const { innerDropdownContent } = option;
+        const isAllUnchecked = innerDropdownContent?.every((opt) => !opt.isChecked);
+        this.options = this.options.map((item, index) => index === itemIndex
+            ? { ...option, isChecked: !isAllUnchecked }
+            : item);
     }
-    handleDropdownOptionClick(option, optionIndex = -1) {
-        const { id, type, innerDropdownContent, isSelectMenuTypeActionItem } = option;
+    handleDropdownOptionClick(option, itemIndex = -1, groupIndex = -1) {
+        const { id, type, innerDropdownContent, isSelectMenuTypeActionItem, isColumnDropdown, isChecked, title, } = option;
         // inner dropdown option click
         if (!!innerDropdownContent) {
             this.activeInnerDropdownOptionIndex =
-                this.activeInnerDropdownOptionIndex === optionIndex
+                this.activeInnerDropdownOptionIndex === itemIndex
                     ? -1
-                    : optionIndex;
+                    : itemIndex;
+            return;
+        }
+        // column dropdown option click
+        if (isColumnDropdown) {
+            const columnOption = {
+                isChecked: !isChecked,
+                name: title,
+                groupIndex,
+                itemIndex,
+            };
+            this.handleCheckboxAction(columnOption);
             return;
         }
         // select dropdown action option click
-        if (this.type === DropdownMenuStringEnum.SELECT_MENU_TYPE &&
-            isSelectMenuTypeActionItem) {
+        if (isSelectMenuTypeActionItem) {
             this.isSelectMenuTypeActionItemSelected =
                 !this.isSelectMenuTypeActionItemSelected;
-            this.dropdownOptionEmitter.emit({
+            const dropdownOptionEmitPayload = {
                 type,
                 isActive: this.isSelectMenuTypeActionItemSelected,
-            });
+            };
+            this.dropdownOptionEmitter.emit(dropdownOptionEmitPayload);
             return;
         }
         // regular dropdown option click - emit id if type is not present (select menu simple items)
         this.dropdownOptionEmitter.emit(type ? { type } : { id });
-        if (this.type !== DropdownMenuStringEnum.SELECT_MENU_TYPE ||
+        if (this.type !== eDropdownMenu.SELECT_MENU_TYPE ||
             !isSelectMenuTypeActionItem) {
             this.activeInnerDropdownOptionIndex = -1;
             this.dropdownPopover?.close();
@@ -17601,7 +17808,7 @@ class CaDropdownMenuComponent {
             dropdownPopover.close();
             this.dropdownPopover = null;
             this.dropdownOptionEmitter.emit({
-                type: DropdownMenuStringEnum.CLOSE,
+                type: eDropdownMenu.CLOSE,
             });
         }
         else {
@@ -17609,18 +17816,29 @@ class CaDropdownMenuComponent {
             this.dropdownPopover = dropdownPopover;
             this.dropdownPopover.open();
             this.dropdownOptionEmitter.emit({
-                type: DropdownMenuStringEnum.OPEN,
+                type: eDropdownMenu.OPEN,
             });
         }
     }
+    handleCheckboxActionEmit(action) {
+        this.handleCheckboxAction(action);
+    }
+    handleResetTableClick() {
+        this.dropdownOptionEmitter.emit({
+            type: eDropdownMenu.RESET_TABLE_TYPE,
+        });
+    }
+    handleBackToMainDropdownListItemHover(isHovered) {
+        this.isBackToMainDropdownItemHovered = isHovered;
+    }
     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                @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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.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-opacity:1;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        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        <div\n            ngbTooltip\n            [mainCaTooltip]=\"'More'\"\n            [tooltipBackground]=\"'transparent'\"\n            [position]=\"'bottom'\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === eDropdownMenu.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\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                                (mouseenter)=\"\n                                    option.isColumnDropdown &&\n                                        optionIndex === 0 &&\n                                        handleBackToMainDropdownListItemHover(\n                                            true\n                                        )\n                                \"\n                                (mouseleave)=\"\n                                    option.isColumnDropdown &&\n                                        optionIndex === 0 &&\n                                        handleBackToMainDropdownListItemHover(\n                                            false\n                                        )\n                                \"\n                            >\n                                @if (\n                                    option.isColumnDropdown && optionIndex > 0\n                                ) {\n                                    <app-ca-checkbox\n                                        [label]=\"option.title\"\n                                        [name]=\"option.title\"\n                                        [itemIndex]=\"optionIndex\"\n                                        [isRegularCheckbox]=\"false\"\n                                        [isChecked]=\"option?.isChecked\"\n                                        [isGroupPartialyChecked]=\"\n                                            option | groupItemCheckedState\n                                        \"\n                                        [customClass]=\"'dropdown-column'\"\n                                        [disabled]=\"option?.isCheckBoxDisabled\"\n                                        [isLabelDisabled]=\"false\"\n                                        (columnCheckAction)=\"\n                                            handleCheckboxActionEmit($event)\n                                        \"\n                                    ></app-ca-checkbox>\n                                } @else {\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                                        {{\n                                            option.isColumnDropdown &&\n                                            optionIndex === 0 &&\n                                            isBackToMainDropdownItemHovered\n                                                ? eDropdownMenu.BACK_TO_MENU\n                                                : option?.title\n                                        }}\n                                    </p>\n                                }\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                                        (click)=\"\n                                            option.isColumnDropdown &&\n                                                optionIndex === 0 &&\n                                                handleResetTableClick()\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                                                    innerDropdownOptionIndex,\n                                                    optionIndex\n                                                )\n                                            \"\n                                        >\n                                            @if (option?.isColumnDropdown) {\n                                                <app-ca-checkbox\n                                                    [label]=\"\n                                                        innerDropdownOption.title\n                                                    \"\n                                                    [name]=\"\n                                                        innerDropdownOption.title\n                                                    \"\n                                                    [itemIndex]=\"\n                                                        innerDropdownOptionIndex\n                                                    \"\n                                                    [groupIndex]=\"optionIndex\"\n                                                    [isRegularCheckbox]=\"false\"\n                                                    [isChecked]=\"\n                                                        innerDropdownOption?.isChecked\n                                                    \"\n                                                    [customClass]=\"\n                                                        'dropdown-column'\n                                                    \"\n                                                    (columnCheckAction)=\"\n                                                        handleCheckboxActionEmit(\n                                                            $event\n                                                        )\n                                                    \"\n                                                ></app-ca-checkbox>\n                                            } @else {\n                                                <p\n                                                    class=\"m-0 text-size-14 text-color-white\"\n                                                >\n                                                    {{\n                                                        innerDropdownOption.title\n                                                    }}\n                                                </p>\n                                            }\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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.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.dots-menu .dropdown-icon-container .icon svg,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon svg,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon svg{width:18px;height:18px}.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{width:18px;height:18px}.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-opacity:1;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
-                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type: 
+                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "component", type: CaCheckboxComponent, selector: "app-ca-checkbox", inputs: ["label", "required", "disabled", "disabledStillCheckMark", "svg", "name", "customClass", "moveIconDown", "isUseCarrieraACHCheckBox", "isDisabledBlue", "isDisabledRegularCheck", "isLabelDisabled", "isRegularCheckbox", "isChecked", "isGroupPartialyChecked", "groupIndex", "itemIndex"], outputs: ["formArrayAction", "columnCheckAction"] }, { kind: "pipe", type: 
                 // pipes
-                DropdownMenuPlacementClassPipe, name: "dropdownMenuPlacementClass" }] }); }
+                DropdownMenuPlacementClassPipe, name: "dropdownMenuPlacementClass" }, { kind: "pipe", type: GroupItemCheckedStatePipe, name: "groupItemCheckedState" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaDropdownMenuComponent, decorators: [{
             type: Component,
@@ -17631,9 +17849,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgbModule,
                         // components
                         CaAppTooltipV2Component,
+                        CaCheckboxComponent,
                         // 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                @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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.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-opacity:1;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"] }]
+                        GroupItemCheckedStatePipe,
+                    ], 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        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        <div\n            ngbTooltip\n            [mainCaTooltip]=\"'More'\"\n            [tooltipBackground]=\"'transparent'\"\n            [position]=\"'bottom'\"\n        >\n            <svg-icon\n                class=\"icon\"\n                [src]=\"\n                    type === eDropdownMenu.DOTS_MENU_TYPE\n                        ? dropdownMenuSvgRoutes.dotsDropdownIcon\n                        : dropdownMenuSvgRoutes.hamburgerDropdownIcon\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                                (mouseenter)=\"\n                                    option.isColumnDropdown &&\n                                        optionIndex === 0 &&\n                                        handleBackToMainDropdownListItemHover(\n                                            true\n                                        )\n                                \"\n                                (mouseleave)=\"\n                                    option.isColumnDropdown &&\n                                        optionIndex === 0 &&\n                                        handleBackToMainDropdownListItemHover(\n                                            false\n                                        )\n                                \"\n                            >\n                                @if (\n                                    option.isColumnDropdown && optionIndex > 0\n                                ) {\n                                    <app-ca-checkbox\n                                        [label]=\"option.title\"\n                                        [name]=\"option.title\"\n                                        [itemIndex]=\"optionIndex\"\n                                        [isRegularCheckbox]=\"false\"\n                                        [isChecked]=\"option?.isChecked\"\n                                        [isGroupPartialyChecked]=\"\n                                            option | groupItemCheckedState\n                                        \"\n                                        [customClass]=\"'dropdown-column'\"\n                                        [disabled]=\"option?.isCheckBoxDisabled\"\n                                        [isLabelDisabled]=\"false\"\n                                        (columnCheckAction)=\"\n                                            handleCheckboxActionEmit($event)\n                                        \"\n                                    ></app-ca-checkbox>\n                                } @else {\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                                        {{\n                                            option.isColumnDropdown &&\n                                            optionIndex === 0 &&\n                                            isBackToMainDropdownItemHovered\n                                                ? eDropdownMenu.BACK_TO_MENU\n                                                : option?.title\n                                        }}\n                                    </p>\n                                }\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                                        (click)=\"\n                                            option.isColumnDropdown &&\n                                                optionIndex === 0 &&\n                                                handleResetTableClick()\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                                                    innerDropdownOptionIndex,\n                                                    optionIndex\n                                                )\n                                            \"\n                                        >\n                                            @if (option?.isColumnDropdown) {\n                                                <app-ca-checkbox\n                                                    [label]=\"\n                                                        innerDropdownOption.title\n                                                    \"\n                                                    [name]=\"\n                                                        innerDropdownOption.title\n                                                    \"\n                                                    [itemIndex]=\"\n                                                        innerDropdownOptionIndex\n                                                    \"\n                                                    [groupIndex]=\"optionIndex\"\n                                                    [isRegularCheckbox]=\"false\"\n                                                    [isChecked]=\"\n                                                        innerDropdownOption?.isChecked\n                                                    \"\n                                                    [customClass]=\"\n                                                        'dropdown-column'\n                                                    \"\n                                                    (columnCheckAction)=\"\n                                                        handleCheckboxActionEmit(\n                                                            $event\n                                                        )\n                                                    \"\n                                                ></app-ca-checkbox>\n                                            } @else {\n                                                <p\n                                                    class=\"m-0 text-size-14 text-color-white\"\n                                                >\n                                                    {{\n                                                        innerDropdownOption.title\n                                                    }}\n                                                </p>\n                                            }\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-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}.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.dots-menu .dropdown-icon-container .icon svg,.dropdown-menu-container.dots-menu-bottom .dropdown-icon-container .icon svg,.dropdown-menu-container.menu-translate-unset .dropdown-icon-container .icon svg{width:18px;height:18px}.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{width:18px;height:18px}.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-opacity:1;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: [{
@@ -22593,6 +22813,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class RowClassPipe {
+    transform(row, tableData, rowIndex) {
+        return {
+            'selected-row': row.selected,
+            'tr-border-left': row?.loadId > 0,
+            'tr-border-top': row?.loadId > 0 &&
+                tableData &&
+                tableData[rowIndex - 1]?.loadId !== row?.loadId,
+            'tr-border-bottom': row?.loadId > 0 &&
+                tableData &&
+                tableData[rowIndex + 1]?.loadId !== row?.loadId,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowClassPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RowClassPipe, isStandalone: true, name: "rowClass" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowClassPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rowClass',
+                }]
+        }] });
+
 class CaMainTableComponent {
     constructor(injector, cdRef) {
         this.injector = injector;
@@ -22646,7 +22890,7 @@ class CaMainTableComponent {
         this.onReorder.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMainTableComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { reorderTemplate: "reorderTemplate", reorderTemplatePreview: "reorderTemplatePreview", transparentTable: "transparentTable", sortPredicate: "sortPredicate", hideFieldsToHide: "hideFieldsToHide", reorderItems: "reorderItems", disableReorderRow: "disableReorderRow", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent", onReorder: "onReorder" }, ngImport: i0, template: "<div class=\"ca-main-table-holder\">\n  <!-- <cdk-virtual-scroll-viewport itemSize=\"44\" class=\"main-table-scroll-viewport\"> -->\n  <table\n    class=\"ca-main-table\"\n    [class.transparent]=\"transparentTable\"\n    cdkDropListGroup\n  >\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        [cdkDropListDisabled]=\"!reorderItems\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      #tableMainBody\n      cdkScrollable\n      cdkDropList\n      [cdkDropListData]=\"data$ | async\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <ng-container *ngIf=\"row.rowType != 'reorder'; else reorder\">\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            [cdkDragDisabled]=\"!reorderItems\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n            [class.selected-row]=\"row.selected\"\n          >\n            <ng-container\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n            >\n              <td [class]=\"col.cellCustomClasses\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    rowTemplate;\n                    context: { row: row, col: col, index: rowIndex }\n                  \"\n                >\n                </ng-container>\n              </td>\n            </ng-container>\n          </tr>\n        </ng-container>\n\n        <ng-template #reorder>\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            class=\"table-tr table-preview-row\"\n            [cdkDragDisabled]=\"disableReorderRow\"\n          >\n            <ng-template cdkDragPreview matchSize>\n              <tr class=\"table-tr\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    reorderTemplatePreview;\n                    context: { row: row, index: rowIndex }\n                  \"\n                ></ng-container>\n              </tr>\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                reorderTemplate;\n                context: { row: row, index: rowIndex }\n              \"\n            ></ng-container>\n          </tr>\n        </ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n  <!-- </cdk-virtual-scroll-viewport> -->\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table-holder .main-table-scroll-viewport{min-height:200px}.ca-main-table-holder .ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table-holder .ca-main-table.transparent{background-color:transparent}.ca-main-table-holder .ca-main-table thead.hidden_thead{display:none!important}.ca-main-table-holder .ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table-holder .ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table-holder .ca-main-table thead .table-tr.text-right{text-align:right}.ca-main-table-holder .ca-main-table thead .table-tr.text-center{text-align:center}.ca-main-table-holder .ca-main-table tbody.cdk-drop-list-dragging *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ca-main-table-holder .ca-main-table tbody .table-tr.selected-row{background-color:var(--selected-row-background, #eee)}.ca-main-table-holder .ca-main-table tbody .table-tr:first-child:not(.table-preview-row){opacity:var(--opacity-first-row, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row~.table-tr:not(.cdk-drag-preview){opacity:var(--under-reorder-opacity, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row{border-top:var(--table-preview-row-border-top)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row:not(.cdk-drag-disabled){cursor:grab}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row.cdk-drag-placeholder{cursor:grabbing}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:first-child .td-content-container{border-top-left-radius:0;padding:var(--table-preview-row-first-td-padding, 0)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:last-child .td-content-container{border-top-right-radius:0}.ca-main-table-holder .ca-main-table tbody tr td{height:var(--td-height, 36px);padding:var(--td-padding, 1px 0)}.ca-main-table-holder .ca-main-table tbody tr td .td-container{padding:var(--td-container-padding, 4px 0);display:flex;align-items:center;height:var(--td-container-height, 34px);background-color:#fff}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container{min-height:var(--td-container-content-min-height, 26px);flex:1;padding:var(--td-container-content-padding, 0px 4px);display:flex;align-items:center}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .dragg-move-end-period{display:inline-block;padding:2px 6px;background-color:#91919166;color:#fff;font-size:11px;line-height:14px}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:var(--td-cointainer-first-child-padding-left, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:var(--td-cointainer-last-child-padding-right, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td.text-right .td-content-container{justify-content:flex-end}.ca-main-table-holder .ca-main-table tbody tr td.text-center .td-content-container{justify-content:center}.ca-main-table-holder .ca-main-table tbody tr td.text-left .td-content-container{justify-content:flex-start}.ca-main-table-holder .ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}.drag-placeholder{background-color:#fff}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:var(--cdk-drag-preview-box-shadow, 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12))}.cdk-drag-preview td{background-color:var(--cdk-preview-td-bgcolor, transparent)!important}.cdk-drag-preview td .with-padding{padding:0 8px!important}.cdk-drag-preview .td-container{background-color:var(--cdk-preview-bgcolor, transparent)!important;color:var(--cdk-preview-textColor, \"#fff\")}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.table-tr:last-child{border:none}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);cursor:grabbing!important}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder) *{cursor:grabbing!important}.drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.th-table-body-list .cdk-drag-placeholder{opacity:0}.th-table-body-list .cdk_th_div{box-shadow:none!important;background-color:transparent!important}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { reorderTemplate: "reorderTemplate", reorderTemplatePreview: "reorderTemplatePreview", transparentTable: "transparentTable", sortPredicate: "sortPredicate", hideFieldsToHide: "hideFieldsToHide", reorderItems: "reorderItems", disableReorderRow: "disableReorderRow", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent", onReorder: "onReorder" }, ngImport: i0, template: "@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\n  <!-- <cdk-virtual-scroll-viewport itemSize=\"44\" class=\"main-table-scroll-viewport\"> -->\n  <table\n    class=\"ca-main-table\"\n    [class.transparent]=\"transparentTable\"\n    cdkDropListGroup\n  >\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        [cdkDropListDisabled]=\"!reorderItems\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      #tableMainBody\n      cdkScrollable\n      cdkDropList\n      [cdkDropListData]=\"data$ | async\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      @for (row of tableData; track $index; let rowIndex = $index) {\n        <ng-container *ngIf=\"row.rowType != 'reorder'; else reorder\">\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            [cdkDragDisabled]=\"!reorderItems\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n            [class]=\"row | rowClass : tableData : rowIndex\"\n          >\n            <ng-container\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n            >\n              <td [class]=\"col.cellCustomClasses\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    rowTemplate;\n                    context: { row: row, col: col, index: rowIndex }\n                  \"\n                >\n                </ng-container>\n              </td>\n            </ng-container>\n          </tr>\n        </ng-container>\n\n        <ng-template #reorder>\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            class=\"table-tr table-preview-row\"\n            [cdkDragDisabled]=\"disableReorderRow\"\n          >\n            <ng-template cdkDragPreview matchSize>\n              <tr class=\"table-tr\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    reorderTemplatePreview;\n                    context: { row: row, index: rowIndex }\n                  \"\n                ></ng-container>\n              </tr>\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                reorderTemplate;\n                context: { row: row, index: rowIndex }\n              \"\n            ></ng-container>\n          </tr>\n        </ng-template>\n      }\n    </tbody>\n  </table>\n  <!-- </cdk-virtual-scroll-viewport> -->\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\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}}.ca-main-table-holder .main-table-scroll-viewport{min-height:200px}.ca-main-table-holder .ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table-holder .ca-main-table.transparent{background-color:transparent}.ca-main-table-holder .ca-main-table thead.hidden_thead{display:none!important}.ca-main-table-holder .ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table-holder .ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table-holder .ca-main-table thead .table-tr.text-right{text-align:right}.ca-main-table-holder .ca-main-table thead .table-tr.text-center{text-align:center}.ca-main-table-holder .ca-main-table tbody.cdk-drop-list-dragging *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ca-main-table-holder .ca-main-table tbody .table-tr.selected-row{background-color:var(--selected-row-background, #eee)}.ca-main-table-holder .ca-main-table tbody .table-tr:first-child:not(.table-preview-row){opacity:var(--opacity-first-row, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row~.table-tr:not(.cdk-drag-preview){opacity:var(--under-reorder-opacity, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row{border-top:var(--table-preview-row-border-top)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row:not(.cdk-drag-disabled){cursor:grab}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row.cdk-drag-placeholder{cursor:grabbing}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:first-child .td-content-container{border-top-left-radius:0;padding:var(--table-preview-row-first-td-padding, 0)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:last-child .td-content-container{border-top-right-radius:0}.ca-main-table-holder .ca-main-table tbody tr td{height:var(--td-height, 36px);padding:var(--td-padding, 1px 0)}.ca-main-table-holder .ca-main-table tbody tr td .td-container{padding:var(--td-container-padding, 4px 0);display:flex;align-items:center;height:var(--td-container-height, 34px);background-color:#fff}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container{min-height:var(--td-container-content-min-height, 26px);flex:1;padding:var(--td-container-content-padding, 0px 4px);display:flex;align-items:center}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .dragg-move-end-period{display:inline-block;padding:2px 6px;background-color:#91919166;color:#fff;font-size:11px;line-height:14px}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:var(--td-cointainer-first-child-padding-left, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:var(--td-cointainer-last-child-padding-right, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td.text-right .td-content-container{justify-content:flex-end}.ca-main-table-holder .ca-main-table tbody tr td.text-center .td-content-container{justify-content:center}.ca-main-table-holder .ca-main-table tbody tr td.text-left .td-content-container{justify-content:flex-start}.ca-main-table-holder .ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}.drag-placeholder{background-color:#fff}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:var(--cdk-drag-preview-box-shadow, 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12))}.cdk-drag-preview td{background-color:var(--cdk-preview-td-bgcolor, transparent)!important}.cdk-drag-preview td .with-padding{padding:0 8px!important}.cdk-drag-preview .td-container{background-color:var(--cdk-preview-bgcolor, transparent)!important;color:var(--cdk-preview-textColor, \"#fff\")}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.table-tr:last-child{border:none}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);cursor:grabbing!important}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder) *{cursor:grabbing!important}.drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.th-table-body-list .cdk-drag-placeholder{opacity:0}.th-table-body-list .cdk_th_div{box-shadow:none!important;background-color:transparent!important}.tr-border-left{border-left:1px solid #dadada!important}.tr-border-top{border-top:1px solid #dadada!important}.tr-border-bottom{border-bottom:1px solid #dadada!important}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }, { kind: "pipe", type: RowClassPipe, name: "rowClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMainTableComponent, decorators: [{
             type: Component,
@@ -22658,7 +22902,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         ScrollingModule,
                         CaMainTableHiddenRowsPipe,
-                    ], encapsulation: ViewEncapsulation.ShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ca-main-table-holder\">\n  <!-- <cdk-virtual-scroll-viewport itemSize=\"44\" class=\"main-table-scroll-viewport\"> -->\n  <table\n    class=\"ca-main-table\"\n    [class.transparent]=\"transparentTable\"\n    cdkDropListGroup\n  >\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        [cdkDropListDisabled]=\"!reorderItems\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      #tableMainBody\n      cdkScrollable\n      cdkDropList\n      [cdkDropListData]=\"data$ | async\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <ng-container *ngIf=\"row.rowType != 'reorder'; else reorder\">\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            [cdkDragDisabled]=\"!reorderItems\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n            [class.selected-row]=\"row.selected\"\n          >\n            <ng-container\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n            >\n              <td [class]=\"col.cellCustomClasses\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    rowTemplate;\n                    context: { row: row, col: col, index: rowIndex }\n                  \"\n                >\n                </ng-container>\n              </td>\n            </ng-container>\n          </tr>\n        </ng-container>\n\n        <ng-template #reorder>\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            class=\"table-tr table-preview-row\"\n            [cdkDragDisabled]=\"disableReorderRow\"\n          >\n            <ng-template cdkDragPreview matchSize>\n              <tr class=\"table-tr\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    reorderTemplatePreview;\n                    context: { row: row, index: rowIndex }\n                  \"\n                ></ng-container>\n              </tr>\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                reorderTemplate;\n                context: { row: row, index: rowIndex }\n              \"\n            ></ng-container>\n          </tr>\n        </ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n  <!-- </cdk-virtual-scroll-viewport> -->\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table-holder .main-table-scroll-viewport{min-height:200px}.ca-main-table-holder .ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table-holder .ca-main-table.transparent{background-color:transparent}.ca-main-table-holder .ca-main-table thead.hidden_thead{display:none!important}.ca-main-table-holder .ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table-holder .ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table-holder .ca-main-table thead .table-tr.text-right{text-align:right}.ca-main-table-holder .ca-main-table thead .table-tr.text-center{text-align:center}.ca-main-table-holder .ca-main-table tbody.cdk-drop-list-dragging *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ca-main-table-holder .ca-main-table tbody .table-tr.selected-row{background-color:var(--selected-row-background, #eee)}.ca-main-table-holder .ca-main-table tbody .table-tr:first-child:not(.table-preview-row){opacity:var(--opacity-first-row, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row~.table-tr:not(.cdk-drag-preview){opacity:var(--under-reorder-opacity, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row{border-top:var(--table-preview-row-border-top)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row:not(.cdk-drag-disabled){cursor:grab}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row.cdk-drag-placeholder{cursor:grabbing}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:first-child .td-content-container{border-top-left-radius:0;padding:var(--table-preview-row-first-td-padding, 0)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:last-child .td-content-container{border-top-right-radius:0}.ca-main-table-holder .ca-main-table tbody tr td{height:var(--td-height, 36px);padding:var(--td-padding, 1px 0)}.ca-main-table-holder .ca-main-table tbody tr td .td-container{padding:var(--td-container-padding, 4px 0);display:flex;align-items:center;height:var(--td-container-height, 34px);background-color:#fff}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container{min-height:var(--td-container-content-min-height, 26px);flex:1;padding:var(--td-container-content-padding, 0px 4px);display:flex;align-items:center}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .dragg-move-end-period{display:inline-block;padding:2px 6px;background-color:#91919166;color:#fff;font-size:11px;line-height:14px}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:var(--td-cointainer-first-child-padding-left, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:var(--td-cointainer-last-child-padding-right, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td.text-right .td-content-container{justify-content:flex-end}.ca-main-table-holder .ca-main-table tbody tr td.text-center .td-content-container{justify-content:center}.ca-main-table-holder .ca-main-table tbody tr td.text-left .td-content-container{justify-content:flex-start}.ca-main-table-holder .ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}.drag-placeholder{background-color:#fff}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:var(--cdk-drag-preview-box-shadow, 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12))}.cdk-drag-preview td{background-color:var(--cdk-preview-td-bgcolor, transparent)!important}.cdk-drag-preview td .with-padding{padding:0 8px!important}.cdk-drag-preview .td-container{background-color:var(--cdk-preview-bgcolor, transparent)!important;color:var(--cdk-preview-textColor, \"#fff\")}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.table-tr:last-child{border:none}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);cursor:grabbing!important}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder) *{cursor:grabbing!important}.drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.th-table-body-list .cdk-drag-placeholder{opacity:0}.th-table-body-list .cdk_th_div{box-shadow:none!important;background-color:transparent!important}\n"] }]
+                        RowClassPipe,
+                    ], encapsulation: ViewEncapsulation.ShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\n  <!-- <cdk-virtual-scroll-viewport itemSize=\"44\" class=\"main-table-scroll-viewport\"> -->\n  <table\n    class=\"ca-main-table\"\n    [class.transparent]=\"transparentTable\"\n    cdkDropListGroup\n  >\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        [cdkDropListDisabled]=\"!reorderItems\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      #tableMainBody\n      cdkScrollable\n      cdkDropList\n      [cdkDropListData]=\"data$ | async\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      @for (row of tableData; track $index; let rowIndex = $index) {\n        <ng-container *ngIf=\"row.rowType != 'reorder'; else reorder\">\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            [cdkDragDisabled]=\"!reorderItems\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n            [class]=\"row | rowClass : tableData : rowIndex\"\n          >\n            <ng-container\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n            >\n              <td [class]=\"col.cellCustomClasses\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    rowTemplate;\n                    context: { row: row, col: col, index: rowIndex }\n                  \"\n                >\n                </ng-container>\n              </td>\n            </ng-container>\n          </tr>\n        </ng-container>\n\n        <ng-template #reorder>\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            cdkDragBoundary=\".table-body-list\"\n            class=\"table-tr table-preview-row\"\n            [cdkDragDisabled]=\"disableReorderRow\"\n          >\n            <ng-template cdkDragPreview matchSize>\n              <tr class=\"table-tr\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    reorderTemplatePreview;\n                    context: { row: row, index: rowIndex }\n                  \"\n                ></ng-container>\n              </tr>\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                reorderTemplate;\n                context: { row: row, index: rowIndex }\n              \"\n            ></ng-container>\n          </tr>\n        </ng-template>\n      }\n    </tbody>\n  </table>\n  <!-- </cdk-virtual-scroll-viewport> -->\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\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}}.ca-main-table-holder .main-table-scroll-viewport{min-height:200px}.ca-main-table-holder .ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table-holder .ca-main-table.transparent{background-color:transparent}.ca-main-table-holder .ca-main-table thead.hidden_thead{display:none!important}.ca-main-table-holder .ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table-holder .ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table-holder .ca-main-table thead .table-tr.text-right{text-align:right}.ca-main-table-holder .ca-main-table thead .table-tr.text-center{text-align:center}.ca-main-table-holder .ca-main-table tbody.cdk-drop-list-dragging *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ca-main-table-holder .ca-main-table tbody .table-tr.selected-row{background-color:var(--selected-row-background, #eee)}.ca-main-table-holder .ca-main-table tbody .table-tr:first-child:not(.table-preview-row){opacity:var(--opacity-first-row, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row~.table-tr:not(.cdk-drag-preview){opacity:var(--under-reorder-opacity, 1)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row{border-top:var(--table-preview-row-border-top)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row:not(.cdk-drag-disabled){cursor:grab}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row.cdk-drag-placeholder{cursor:grabbing}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:first-child .td-content-container{border-top-left-radius:0;padding:var(--table-preview-row-first-td-padding, 0)}.ca-main-table-holder .ca-main-table tbody .table-tr.table-preview-row td:last-child .td-content-container{border-top-right-radius:0}.ca-main-table-holder .ca-main-table tbody tr td{height:var(--td-height, 36px);padding:var(--td-padding, 1px 0)}.ca-main-table-holder .ca-main-table tbody tr td .td-container{padding:var(--td-container-padding, 4px 0);display:flex;align-items:center;height:var(--td-container-height, 34px);background-color:#fff}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container{min-height:var(--td-container-content-min-height, 26px);flex:1;padding:var(--td-container-content-padding, 0px 4px);display:flex;align-items:center}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table-holder .ca-main-table tbody tr td .td-container .td-content-container .dragg-move-end-period{display:inline-block;padding:2px 6px;background-color:#91919166;color:#fff;font-size:11px;line-height:14px}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:var(--td-cointainer-first-child-padding-left, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:var(--td-cointainer-last-child-padding-right, 4px)}.ca-main-table-holder .ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table-holder .ca-main-table tbody tr td.text-right .td-content-container{justify-content:flex-end}.ca-main-table-holder .ca-main-table tbody tr td.text-center .td-content-container{justify-content:center}.ca-main-table-holder .ca-main-table tbody tr td.text-left .td-content-container{justify-content:flex-start}.ca-main-table-holder .ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}.drag-placeholder{background-color:#fff}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:var(--cdk-drag-preview-box-shadow, 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12))}.cdk-drag-preview td{background-color:var(--cdk-preview-td-bgcolor, transparent)!important}.cdk-drag-preview td .with-padding{padding:0 8px!important}.cdk-drag-preview .td-container{background-color:var(--cdk-preview-bgcolor, transparent)!important;color:var(--cdk-preview-textColor, \"#fff\")}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.table-tr:last-child{border:none}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);cursor:grabbing!important}.table-body-list.cdk-drop-list-dragging .table-tr:not(.cdk-drag-placeholder) *{cursor:grabbing!important}.drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.th-table-body-list .cdk-drag-placeholder{opacity:0}.th-table-body-list .cdk_th_div{box-shadow:none!important;background-color:transparent!important}.tr-border-left{border-left:1px solid #dadada!important}.tr-border-top{border-top:1px solid #dadada!important}.tr-border-bottom{border-bottom:1px solid #dadada!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { onPressEvent: [{
                 type: Output
             }], onReorder: [{
@@ -24197,12 +24442,13 @@ class CaChartComponent {
             this.updateDatasetBackgroundOnHover(value);
     }
     set chartConfig(value) {
-        this._chartConfig = value;
-        this.isChartDataAvailable = false;
+        this._chartConfig = { ...value };
         this.isChartDataAvailable =
-            this._chartConfig?.chartData?.datasets?.some((item) => item.data.some((value) => Array.isArray(value)
-                ? value[0] !== 0 || value[1] !== 0
-                : value !== 0)) ?? false;
+            (!!this._chartConfig?.chartData?.datasets?.length &&
+                this._chartConfig?.chartData?.datasets?.some((item) => item.data.some((value) => Array.isArray(value)
+                    ? value[0] !== null || value[1] !== null
+                    : value !== null))) ??
+                false;
         this.changeDetector.detectChanges();
         if (this.isChartDataAvailable)
             this.updateChart();
@@ -24309,9 +24555,9 @@ class CaChartComponent {
         if (this._chartConfig.chartType === "doughnut" /* eChartTypesString.DOUGHNUT */)
             Chart.overrides.doughnut.cutout = '88%';
         this.chart = new Chart(this.chartContext, {
-            type: this._chartConfig.chartType,
-            data: this._chartConfig.chartData,
-            options: this._chartConfig.chartOptions,
+            type: this._chartConfig?.chartType,
+            data: this._chartConfig?.chartData,
+            options: this._chartConfig?.chartOptions,
             plugins: this.plugins,
         });
         if (!this._chartConfig.isDashboardChart)
@@ -24769,7 +25015,7 @@ class CaChartComponent {
         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: "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" }] }); }
+    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 $index\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,
@@ -24778,7 +25024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         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"] }]
+                    ], 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 $index\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: [{
@@ -24819,11 +25065,11 @@ class CaTooltipListComponent {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTooltipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaTooltipListComponent, isStandalone: true, selector: "app-ca-tooltip-list", inputs: { tooltipList: "tooltipList" }, ngImport: i0, template: "<ng-container\n    [ngTemplateOutlet]=\"tooltipTemplate\"\n    [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n    <div\n        class=\"tooltip-list-container\"\n        [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"tooltipHeader\"\n            [ngTemplateOutletContext]=\"{ tooltipList }\"\n        >\n        </ng-container>\n        <div class=\"d-flex flex-column tooltip-list-body-table\">\n            @for (\n                item of tooltipList.selectedItems;\n                let indx = $index;\n                track item.id\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n\n            @for (\n                item of tooltipList.otherItems;\n                let indx = $index;\n                track item.id\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n    <div class=\"tooltip-list-header\">\n        <span>{{ tooltipList.date }}</span>\n    </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n    <div\n        class=\"w-100\"\n        [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n        [ngStyle]=\"{\n            height: isSingleItemSelected ? '38px' : '22px',\n        }\"\n    >\n        <div class=\"d-flex align-items-center\">\n            <span\n                class=\"tooltip-list-item-dot\"\n                [style.backgroundColor]=\"item.color\"\n            ></span>\n            <span class=\"tooltip-list-item-label\">{{\n                item.label | truncate: truncateLength\n            }}</span>\n        </div>\n        <span\n            class=\"tooltip-list-item-value d-block\"\n            [class.text-end]=\"!isSingleItemSelected\"\n            >{{\n                item.isCurrency\n                    ? (item.value | formatCurrency: item.isCurrency)\n                    : (item.value | nFormatter)\n            }}</span\n        >\n        @if (item.percentage) {\n            <span\n                class=\"tooltip-list-item-percentage\"\n                [class.text-end]=\"!isSingleItemSelected\"\n                >{{ item.percentage }}</span\n            >\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: NFormatterPipe, name: "nFormatter" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaTooltipListComponent, isStandalone: true, selector: "app-ca-tooltip-list", inputs: { tooltipList: "tooltipList" }, ngImport: i0, template: "<ng-container\n    [ngTemplateOutlet]=\"tooltipTemplate\"\n    [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n    <div\n        class=\"tooltip-list-container\"\n        [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"tooltipHeader\"\n            [ngTemplateOutletContext]=\"{ tooltipList }\"\n        >\n        </ng-container>\n        <div class=\"d-flex flex-column tooltip-list-body-table\">\n            @for (\n                item of tooltipList.selectedItems;\n                let indx = $index;\n                track $index\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n\n            @for (\n                item of tooltipList.otherItems;\n                let indx = $index;\n                track $index\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n    <div class=\"tooltip-list-header\">\n        <span>{{ tooltipList.date }}</span>\n    </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n    <div\n        class=\"w-100\"\n        [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n        [ngStyle]=\"{\n            height: isSingleItemSelected ? '38px' : '22px',\n        }\"\n    >\n        <div class=\"d-flex align-items-center\">\n            <span\n                class=\"tooltip-list-item-dot\"\n                [style.backgroundColor]=\"item.color\"\n            ></span>\n            <span class=\"tooltip-list-item-label\">{{\n                item.label | truncate: truncateLength\n            }}</span>\n        </div>\n        <span\n            class=\"tooltip-list-item-value d-block\"\n            [class.text-end]=\"!isSingleItemSelected\"\n            >{{\n                item.isCurrency\n                    ? (item.value | formatCurrency: item.isCurrency)\n                    : (item.value | nFormatter)\n            }}</span\n        >\n        @if (item.percentage) {\n            <span\n                class=\"tooltip-list-item-percentage\"\n                [class.text-end]=\"!isSingleItemSelected\"\n                >{{ item.percentage }}</span\n            >\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: NFormatterPipe, name: "nFormatter" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTooltipListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-ca-tooltip-list', standalone: true, imports: [CommonModule, NFormatterPipe, FormatCurrencyPipe, TruncatePipe], template: "<ng-container\n    [ngTemplateOutlet]=\"tooltipTemplate\"\n    [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n    <div\n        class=\"tooltip-list-container\"\n        [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"tooltipHeader\"\n            [ngTemplateOutletContext]=\"{ tooltipList }\"\n        >\n        </ng-container>\n        <div class=\"d-flex flex-column tooltip-list-body-table\">\n            @for (\n                item of tooltipList.selectedItems;\n                let indx = $index;\n                track item.id\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n\n            @for (\n                item of tooltipList.otherItems;\n                let indx = $index;\n                track item.id\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n    <div class=\"tooltip-list-header\">\n        <span>{{ tooltipList.date }}</span>\n    </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n    <div\n        class=\"w-100\"\n        [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n        [ngStyle]=\"{\n            height: isSingleItemSelected ? '38px' : '22px',\n        }\"\n    >\n        <div class=\"d-flex align-items-center\">\n            <span\n                class=\"tooltip-list-item-dot\"\n                [style.backgroundColor]=\"item.color\"\n            ></span>\n            <span class=\"tooltip-list-item-label\">{{\n                item.label | truncate: truncateLength\n            }}</span>\n        </div>\n        <span\n            class=\"tooltip-list-item-value d-block\"\n            [class.text-end]=\"!isSingleItemSelected\"\n            >{{\n                item.isCurrency\n                    ? (item.value | formatCurrency: item.isCurrency)\n                    : (item.value | nFormatter)\n            }}</span\n        >\n        @if (item.percentage) {\n            <span\n                class=\"tooltip-list-item-percentage\"\n                [class.text-end]=\"!isSingleItemSelected\"\n                >{{ item.percentage }}</span\n            >\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"] }]
+            args: [{ selector: 'app-ca-tooltip-list', standalone: true, imports: [CommonModule, NFormatterPipe, FormatCurrencyPipe, TruncatePipe], template: "<ng-container\n    [ngTemplateOutlet]=\"tooltipTemplate\"\n    [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n    <div\n        class=\"tooltip-list-container\"\n        [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"tooltipHeader\"\n            [ngTemplateOutletContext]=\"{ tooltipList }\"\n        >\n        </ng-container>\n        <div class=\"d-flex flex-column tooltip-list-body-table\">\n            @for (\n                item of tooltipList.selectedItems;\n                let indx = $index;\n                track $index\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n\n            @for (\n                item of tooltipList.otherItems;\n                let indx = $index;\n                track $index\n            ) {\n                <ng-container\n                    [ngTemplateOutlet]=\"tableItemTemplate\"\n                    [ngTemplateOutletContext]=\"{ item }\"\n                >\n                </ng-container>\n            }\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n    <div class=\"tooltip-list-header\">\n        <span>{{ tooltipList.date }}</span>\n    </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n    <div\n        class=\"w-100\"\n        [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n        [ngStyle]=\"{\n            height: isSingleItemSelected ? '38px' : '22px',\n        }\"\n    >\n        <div class=\"d-flex align-items-center\">\n            <span\n                class=\"tooltip-list-item-dot\"\n                [style.backgroundColor]=\"item.color\"\n            ></span>\n            <span class=\"tooltip-list-item-label\">{{\n                item.label | truncate: truncateLength\n            }}</span>\n        </div>\n        <span\n            class=\"tooltip-list-item-value d-block\"\n            [class.text-end]=\"!isSingleItemSelected\"\n            >{{\n                item.isCurrency\n                    ? (item.value | formatCurrency: item.isCurrency)\n                    : (item.value | nFormatter)\n            }}</span\n        >\n        @if (item.percentage) {\n            <span\n                class=\"tooltip-list-item-percentage\"\n                [class.text-end]=\"!isSingleItemSelected\"\n                >{{ item.percentage }}</span\n            >\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!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-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!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-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!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-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::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-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!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-22 svg{width:22px;height:22px}.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}.cursor-pointer{cursor:pointer}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"] }]
         }], propDecorators: { tooltipList: [{
                 type: Input
             }] } });
@@ -25656,7 +25902,8 @@ class CaComponentsLibModule {
             CaRightSidePanelCompanyComponent,
             CaProgressRangeComponent,
             CaTooltipListComponent,
-            InputTestComponent], exports: [CaProfileImageComponent,
+            InputTestComponent,
+            CaCheckboxComponent], exports: [CaProfileImageComponent,
             CaAppTooltipV2Component,
             CaDetailsDropdownComponent,
             CaRatingReviewComponent,
@@ -25691,7 +25938,8 @@ class CaComponentsLibModule {
             CaProgressRangeComponent,
             CaTooltipListComponent,
             CaInputAddressDropdownComponent,
-            InputTestComponent] }); }
+            InputTestComponent,
+            CaCheckboxComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, providers: [CaSearchMultipleStatesService], imports: [CommonModule,
             CaProfileImageComponent,
             CaRatingReviewComponent,
@@ -25729,7 +25977,8 @@ class CaComponentsLibModule {
             CaRightSidePanelCompanyComponent,
             CaProgressRangeComponent,
             CaTooltipListComponent,
-            InputTestComponent] }); }
+            InputTestComponent,
+            CaCheckboxComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, decorators: [{
             type: NgModule,
@@ -25774,6 +26023,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaProgressRangeComponent,
                         CaTooltipListComponent,
                         InputTestComponent,
+                        CaCheckboxComponent,
                     ],
                     providers: [CaSearchMultipleStatesService],
                     exports: [
@@ -25813,6 +26063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaTooltipListComponent,
                         CaInputAddressDropdownComponent,
                         InputTestComponent,
+                        CaCheckboxComponent,
                     ],
                 }]
         }] });
@@ -26266,5 +26517,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, CaInputDatetimePickerComponent, 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, InputTestComponent, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SortDropdownEnum, eDropZoneFileType, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eModalButtonClassType, eModalButtonSize, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eTemplateType, userInfoEnum };
+export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaComponentsLibModule, CaCustomScrollbarComponent, CaDetailsDropdownComponent, CaDropdownMenuComponent, CaFilterComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, 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, InputTestComponent, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SortDropdownEnum, eDropZoneFileType, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eModalButtonClassType, eModalButtonSize, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eTemplateType, userInfoEnum };
 //# sourceMappingURL=ca-components.mjs.map