ca-components 1.7.89 → 1.7.91

package/fesm2022/ca-components.mjs

@@ -7,8 +7,7 @@ import { NgbModule, NgbPopover, NgbDropdownConfig, NgbPopoverModule, NgbTooltipM
 import * as i2 from 'angular-svg-icon';
 import { AngularSvgIconModule, SvgIconRegistryService, SvgIconComponent } from 'angular-svg-icon';
 import { trigger, transition, style, animate, state, keyframes, query, group } from '@angular/animations';
-import * as moment from 'moment';
-import moment__default from 'moment';
+import moment from 'moment';
 import * as i1$1 from '@angular/platform-browser';
 import { Subject, BehaviorSubject, takeUntil, combineLatest, debounceTime, skip, distinctUntilChanged as distinctUntilChanged$1, tap, filter, switchMap, of, catchError, take, from, Observable, map } from 'rxjs';
 import * as i1$3 from '@angular/common/http';
@@ -628,25 +627,25 @@ class DateFromStringPipe {
     transform(date, template) {
         switch (template) {
             case eDateTimeFormats.SHORT_FORMAT:
-                return moment__default(date).format('MM/YY');
+                return moment(date).format('MM/YY');
             case eDateTimeFormats.MONTH_FORMAT:
-                return moment__default(date, 'YYYY-MM-DDTHH:mm:ss.SSS[Z]').format('MMMM DD, YYYY | hh:mm A');
+                return moment(date, 'YYYY-MM-DDTHH:mm:ss.SSS[Z]').format('MMMM DD, YYYY | hh:mm A');
             case eDateTimeFormats.DIFFERENCE_DAYS: {
-                const a = moment__default();
-                const b = moment__default(date);
+                const a = moment();
+                const b = moment(date);
                 const diff = a.diff(b, 'days');
                 return diff < 1
                     ? 'Today'
                     : `${diff} ${diff === 1 ? 'day' : 'days'}`;
             }
             case eDateTimeFormats.DATE_TIME:
-                return moment__default(date).format('MM/DD/YY hh:mm A');
+                return moment(date).format('MM/DD/YY hh:mm A');
             case eDateTimeFormats.TIME:
-                return moment__default(date).format('hh:mm A');
+                return moment(date).format('hh:mm A');
             case eDateTimeFormats.TIME_AGO:
-                return moment__default(date, 'YYYYMMDD').fromNow();
+                return moment(date, 'YYYYMMDD').fromNow();
             default:
-                return moment__default(date).format('MM/DD/YY');
+                return moment(date).format('MM/DD/YY');
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateFromStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
@@ -1479,39 +1478,39 @@ class MethodsCalculationsHelper {
     }; }
     //------------------------------- DATE TO BACKEND -------------------------------
     static { this.convertDateToBackend = (date) => {
-        return moment__default(new Date(date)).toISOString(true);
+        return moment(new Date(date)).toISOString(true);
     }; }
     //------------------------------- DATE FROM BACKEND -------------------------------
     static { this.convertDateFromBackend = (date) => {
-        return moment__default.utc(date).local().format('MM/DD/YY');
+        return moment.utc(date).local().format('MM/DD/YY');
     }; }
     //------------------------------- TIME FROM DATE FROM BACKEND -------------------------------
     static { this.convertDateToTimeFromBackend = (date, show_am_ap) => {
         if (!date) {
             return null;
         }
-        return moment__default
+        return moment
             .utc(date)
             .local()
             .format(show_am_ap ? 'HH:mm A' : 'HH:mm:SS');
     }; }
     //------------------------------- TIME FROM BACKEND -------------------------------
     static { this.convertTimeFromBackend = (time) => {
-        return moment__default(time, 'HH:mm:SS A').toDate();
+        return moment(time, 'HH:mm:SS A').toDate();
     }; }
     //------------------------------- DATE FROM BACKEND TO TIME -------------------------------
     static { this.convertDateFromBackendToTime = (date) => {
-        return moment__default(new Date(date)).format('LT');
+        return moment(new Date(date)).format('LT');
     }; }
     static { this.combineDateAndTimeToBackend = (date, time) => {
         if (!time) {
-            return moment__default(new Date(date)).toISOString(true);
+            return moment(new Date(date)).toISOString(true);
         }
-        return moment__default(new Date(date + ' ' + time)).toISOString(true);
+        return moment(new Date(date + ' ' + time)).toISOString(true);
     }; }
     //------------------------------- DATE FROM BACKEND TO DATE AND TIME  -------------------------------
     static { this.convertDateFromBackendToDateAndTime = (date) => {
-        return moment__default(new Date(date)).format('MM/DD/YY, hh:mm A');
+        return moment(new Date(date)).format('MM/DD/YY, hh:mm A');
     }; }
     //------------------------------- Convert thousand separator in number -------------------------------
     static { this.convertThousanSepInNumber = (value) => {
@@ -5542,7 +5541,7 @@ class CaInputBaseComponent extends CaInputBaseHelpersComponent {
     customValidation(value) {
         const configName = this._inputConfig.name.toLowerCase();
         if (configName === InputStringEnum$1.YEAR &&
-            parseInt(value) > parseInt(moment__default().add(1, 'year').format('YYYY'))) {
+            parseInt(value) > parseInt(moment().add(1, 'year').format('YYYY'))) {
             this.superControl.control?.setErrors({ invalid: true });
         }
         if (configName === InputStringEnum$1.MONTHS) {
@@ -12907,7 +12906,7 @@ class CaInputAddressDropdownComponent {
         this.selectedAddress.emit(addressData);
     }
     checkAddressValidation(address) {
-        const streetNum = /\d.*\d/;
+        const streetNum = /\d/;
         return streetNum.test(address) ? true : false;
     }
     ngOnDestroy() {
@@ -14614,7 +14613,7 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
         if (this.isMonthAndYearOnly) {
             this.setAutoIndex.emit(num);
             const selectedMonth = this.months[index];
-            const new_date = moment__default(new Date(selectedMonth.getFullYear(), num + 1, 0)).format();
+            const new_date = moment(new Date(selectedMonth.getFullYear(), num + 1, 0)).format();
             this.calendarService.dateChanged.next(new_date);
         }
         else {
@@ -14623,7 +14622,7 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
     }
     selectDay(data) {
         const selectedMonth = this.months[data.index];
-        const new_date = moment__default(new Date(selectedMonth.getFullYear(), selectedMonth.getMonth(), data.day)).format();
+        const new_date = moment(new Date(selectedMonth.getFullYear(), selectedMonth.getMonth(), data.day)).format();
         this.calendarService.dateChanged.next(new_date);
     }
     ngOnDestroy() {
@@ -14858,7 +14857,7 @@ class CaCustomDateTimePickersDateCalendarsComponent {
                 this.activeIndex = i;
             }
             const sendDate = new Date(year, month, 1);
-            this.monthYearsIndx.push(moment__default(sendDate).format('MM/DD/YY'));
+            this.monthYearsIndx.push(moment(sendDate).format('MM/DD/YY'));
             return sendDate;
         });
         this.justYears = Array.from({ length: 100 }, (_, i) => {
@@ -14912,7 +14911,7 @@ class CaCustomDateTimePickersDateCalendarsComponent {
         this.calendarService.setAutoIndex = this.activeIndex * 12 + num;
     }
     selectCurrentDay() {
-        const new_date = moment__default(new Date()).format();
+        const new_date = moment(new Date()).format();
         this.calendarService.dateChanged.next(new_date);
         this.setListPreviewValue.emit(CalendarListPreviewStringEnum.FULL_LIST);
     }
@@ -15019,7 +15018,7 @@ class CaCustomDatetimePickersComponent {
         });
     }
     setTimeValue() {
-        const dateInputArray = moment__default(this.dateTime)
+        const dateInputArray = moment(this.dateTime)
             .format('H/mm/A')
             .split('/');
         setTimeout(() => {
@@ -15060,12 +15059,12 @@ class CaCustomDatetimePickersComponent {
         this.outputType[2] = this.timeMinutes[this.scrollTypes.minutesScroll];
         this.outputType[4] = this.timeOfDay[this.scrollTypes.pmAmScroll];
         this.selectedDateTime = this.createStringFromOutput();
-        let currentDate = moment__default().format('MM/DD/YYYY');
+        let currentDate = moment().format('MM/DD/YYYY');
         this.calendarService.dateChanged.next(new Date(currentDate + ' ' + this.selectedDateTime));
         this.closePopover.emit();
     }
     setDefaultTime() {
-        let currentDate = moment__default().format('MM/DD/YYYY');
+        let currentDate = moment().format('MM/DD/YYYY');
         this.calendarService.dateChanged.next(new Date(currentDate + ' 08:00'));
         this.closePopover.emit();
     }
@@ -15411,14 +15410,14 @@ class CaInputDatetimePickerComponent {
                     !isNaN(this.span2?.nativeElement.innerHTML) &&
                     !isNaN(this.span3?.nativeElement.innerHTML)) {
                     if (this.inputConfig.isFutureDateDisabled &&
-                        moment__default(this.dateTimeInputDate).isAfter(moment__default()))
+                        moment(this.dateTimeInputDate).isAfter(moment()))
                         this.superControl.control?.setErrors({
                             invalid: true,
                         });
                     // don't accept future dates
                     else {
                         if (this.inputConfig.expiredDateInvalid &&
-                            moment__default(this.dateTimeInputDate).isBefore(moment__default())) {
+                            moment(this.dateTimeInputDate).isBefore(moment())) {
                             this.superControl.control?.setErrors({
                                 invalid: true,
                             }); // don't accept expired dates
@@ -15441,7 +15440,7 @@ class CaInputDatetimePickerComponent {
                 if (!isNaN(this.span1.nativeElement.innerHTML) &&
                     !isNaN(this.span2.nativeElement.innerHTML)) {
                     if (this.inputConfig.expiredDateInvalid &&
-                        moment__default(this.dateTimeInputDate).isBefore(moment__default())) {
+                        moment(this.dateTimeInputDate).isBefore(moment())) {
                         this.superControl.control?.setErrors({ invalid: true }); // don't accept expired dates
                     }
                     else {
@@ -15482,25 +15481,25 @@ class CaInputDatetimePickerComponent {
     setTimeDateInput(date, hasValue) {
         let text, dateFormat, timeFormat;
         if (this.inputConfig.name === InputConfigNameStringEnum$1.DATE_PICKER) {
-            text = moment__default(new Date(date)).format('MM/DD/YY');
+            text = moment(new Date(date)).format('MM/DD/YY');
             dateFormat = text.split('/');
         }
         else if (this.inputConfig.name ===
             InputConfigNameStringEnum$1.DATE_PICKER_BANK_CARD) {
-            text = moment__default(new Date(date)).format('MM/DD/YY');
+            text = moment(new Date(date)).format('MM/DD/YY');
             dateFormat = text.split('/');
         }
         else {
             date =
                 date instanceof Date
                     ? date
-                    : new Date(moment__default().format('MM/DD/YYYY') + ' ' + date);
-            text = moment__default(new Date(date)).format('HH:mm');
-            timeFormat = moment__default(new Date(date)).format('hh/mm/A');
+                    : new Date(moment().format('MM/DD/YYYY') + ' ' + date);
+            text = moment(new Date(date)).format('HH:mm');
+            timeFormat = moment(new Date(date)).format('hh/mm/A');
             dateFormat = timeFormat.split('/');
         }
         if (this.formFormat) {
-            const newFormFormat = moment__default(new Date(date)).format(this.formFormat);
+            const newFormFormat = moment(new Date(date)).format(this.formFormat);
             this.valueAfterWriteValue = newFormFormat;
             text = newFormFormat;
         }
@@ -15914,7 +15913,7 @@ class CaInputDatetimePickerComponent {
     }
     setTimePickerTime() {
         if (this.inputConfig.name === InputConfigNameStringEnum$1.TIME_PICKER)
-            this.dateTimeInputDate = new Date(moment__default().format('MM/DD/YYYY') +
+            this.dateTimeInputDate = new Date(moment().format('MM/DD/YYYY') +
                 (this.inputConfig?.isFromDate ? ' 12:15' : ' 12:00'));
     }
     ngOnDestroy() {
@@ -17830,6 +17829,7 @@ class CaMapComponent {
                         icons: route.isDashed
                             ? (route.dashedLineStyle ?? routePathDashedLine)
                             : null,
+                        clickable: false,
                         zIndex: index,
                     };
                     this.routePolylines.push(routePolyline);
@@ -18107,7 +18107,7 @@ class CaMapComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", routingMarkerClick: "routingMarkerClick", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    [mapId]=\"mapStyleId\"\n    (mapInitialized)=\"onMapReady($event)\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track clusterMarker.position\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (areaFilterData) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"\n                routingMarker.hasClickEvent &&\n                    onRoutingMarkerClick(routingMarker)\n            \"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex svg-size-18\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", routingMarkerClick: "routingMarkerClick", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    [mapId]=\"mapStyleId\"\n    (mapInitialized)=\"onMapReady($event)\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track clusterMarker.position\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (areaFilterData) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"\n                routingMarker.hasClickEvent &&\n                    onRoutingMarkerClick(routingMarker)\n            \"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex svg-size-18\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon{-webkit-user-select:none;user-select:none}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Modules
                 GoogleMapsModule }, { kind: "component", type: i2$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i2$3.MapCircle, selector: "map-circle", inputs: ["options", "center", "radius"], outputs: ["centerChanged", "circleClick", "circleDblclick", "circleDrag", "circleDragend", "circleDragstart", "circleMousedown", "circleMousemove", "circleMouseout", "circleMouseover", "circleMouseup", "radiusChanged", "circleRightclick", "circleInitialized"], exportAs: ["mapCircle"] }, { kind: "directive", type: i2$3.MapAdvancedMarker, selector: "map-advanced-marker", inputs: ["title", "position", "content", "gmpDraggable", "options", "zIndex"], outputs: ["mapClick", "mapDrag", "mapDragend", "mapDragstart", "markerInitialized"], exportAs: ["mapAdvancedMarker"] }, { kind: "directive", type: i2$3.MapPolyline, selector: "map-polyline", inputs: ["options", "path"], outputs: ["polylineClick", "polylineDblclick", "polylineDrag", "polylineDragend", "polylineDragstart", "polylineMousedown", "polylineMousemove", "polylineMouseout", "polylineMouseover", "polylineMouseup", "polylineRightclick", "polylineInitialized"], exportAs: ["mapPolyline"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
                 // Components
@@ -18124,7 +18124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Components
                         CaMapDropdownComponent,
                         CaAppTooltipV2Component,
-                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    [mapId]=\"mapStyleId\"\n    (mapInitialized)=\"onMapReady($event)\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track clusterMarker.position\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (areaFilterData) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"\n                routingMarker.hasClickEvent &&\n                    onRoutingMarkerClick(routingMarker)\n            \"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex svg-size-18\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    [mapId]=\"mapStyleId\"\n    (mapInitialized)=\"onMapReady($event)\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track clusterMarker.position\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent!\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (areaFilterData) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (routingMarker of mapData.routingMarkers; let i = $index; track i) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(routingMarker, selectedRoutingMarker)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"\n                routingMarker.hasClickEvent &&\n                    onRoutingMarkerClick(routingMarker)\n            \"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex svg-size-18\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex svg-size-14\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242}.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true] .marker-label-text,.marker-label .marker-label-text{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@supports (-webkit-line-clamp: 1){.gm-style div[aria-hidden=true] .line-clamp-1,.marker-label .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-icon.fuel-icon.fuel-color-1 .outside-circle{fill:#56b4ac}.marker-icon.fuel-icon.fuel-color-1 .marker-label-second-text{color:#259f94}.marker-icon.fuel-icon.fuel-color-2 .outside-circle{fill:#77bf56}.marker-icon.fuel-icon.fuel-color-2 .marker-label-second-text{color:#50ac25}.marker-icon.fuel-icon.fuel-color-3 .outside-circle{fill:#fab15c}.marker-icon.fuel-icon.fuel-color-3 .marker-label-second-text{color:#f89b2e}.marker-icon.fuel-icon.fuel-color-4 .outside-circle{fill:#ff906d}.marker-icon.fuel-icon.fuel-color-4 .marker-label-second-text{color:#ff7043}.marker-icon.fuel-icon.fuel-color-5 .outside-circle{fill:#e66767}.marker-icon.fuel-icon.fuel-color-5 .marker-label-second-text{color:#df3c3c}.marker-icon.fuel-icon.fuel-color-outdated .outside-circle{fill:#aaa}.marker-icon.fuel-icon.fuel-color-outdated .marker-label-second-text{color:#919191}.miles-icon{top:17px}.miles-icon .marker-svg{transform:scale(.5);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .white-circle{transform:scale(1.091);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .inside-circle{transform:scale(.889);transform-origin:center;transition:transform .2s ease-in-out}.miles-icon .marker-svg .marker-path,.miles-icon .marker-svg .marker-number{transition:opacity .2s ease-in-out;opacity:0}.miles-icon:hover .marker-svg,.miles-icon:hover .marker-svg .white-circle,.miles-icon:hover .marker-svg .inside-circle{transform:scale(1)}.miles-icon:hover .marker-svg .marker-path{opacity:1}.miles-icon.selected .marker-svg{transform:scale(1.3333)}.miles-icon.selected .marker-svg .white-circle{transform:scale(1.091)}.miles-icon.selected .marker-svg .inside-circle{transform:scale(1.1667)}.miles-icon.selected .marker-svg .marker-path{opacity:0!important}.miles-icon.selected .marker-svg .marker-number{opacity:1}.miles-icon.selected .marker-label{opacity:0!important}.miles-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.miles-icon.show-label-on-hover:hover .marker-label{opacity:1}.routing-icon{-webkit-user-select:none;user-select:none}.routing-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.routing-icon .marker-svg .outside-circle,.routing-icon .marker-svg .white-circle,.routing-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.routing-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.routing-icon.selected .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.routing-icon.selected .marker-svg .outside-circle{transform:scale(1.074)}.routing-icon.selected .marker-svg .shadow-circle{transform:scale(1.222)}.routing-icon.selected.show-label-on-hover .marker-label{top:8px;left:calc(100% + 4px);font-weight:700;opacity:1!important}.routing-icon.show-label-on-hover .marker-label{transition:left .2s ease-in-out,top .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.routing-icon.show-label-on-hover:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}.cluster-icon.fuel-icon.selected .marker-svg g path{fill:#6692f1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MapMarkerIconService }], propDecorators: { maps: [{
                 type: ViewChild,
                 args: [GoogleMap, { static: false }]
@@ -18647,7 +18647,7 @@ class CaNoteComponent {
             this.value = event;
         }
         this.checkActiveItems();
-        this.lastTypeTime = moment__default().unix();
+        this.lastTypeTime = moment().unix();
         this.checkNoteImage(this.value);
     }
     saveNote(autoSave, deleteAll) {
@@ -18832,7 +18832,7 @@ class CaPayrollListSummaryOverviewComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPayrollListSummaryOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n    'text-color-red-11': item.status === 'danger',\n    'text-color-blue-13': item.status === 'positive',\n    'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n    <div class=\"accordion-item\">\n        <div>\n            <div\n                class=\"d-flex justify-content-between align-items-center accordion-header\"\n                [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                (click)=\"toggleAccordion()\"\n            >\n                <div\n                    class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n                    [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                >\n                    @if (!showLeftTemplate) {\n                        <div class=\"me-1 item-text\">\n                            <span >{{ item.text }}</span>\n                        </div>\n\n                        @if (type) {\n                            <div class=\"me-1 item-type\">\n                                ({{ type }})\n                            </div>\n                        }\n                        <div\n                            class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n                            [ngClass]=\"{\n                                'is-expanded text-color-black': isExpanded,\n                                'text-color-white-2': !isExpanded,\n                            }\"\n                        >\n                            {{ item.itemCount }}\n                        </div>\n                    } @else {\n                        <ng-container\n                            *ngTemplateOutlet=\"leftTemplate\"\n                        ></ng-container>\n                    }\n                </div>\n                <div\n                    class=\"d-flex align-items-center header-content-right ca-font-bold\"\n                >\n                    @if (item.date) {\n                        <div\n                            class=\"me-2 date\"\n                            [class]=\"{ \n                                'is-expanded': isExpanded,\n                                'text-color-white-2': isExpanded,\n                                'text-color-black': !isExpanded,\n                            }\"\n                        >\n                            {{ item.date | date: 'dd/MM/yyyy' }}\n                        </div>\n                    }\n                    @if (item.status !== 'success') {\n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                danger: item.status === 'danger',\n                                positive: item.status === 'positive',\n                            }\"\n                            [class.is-danger-expanded]=\"\n                                item.status === 'danger' && isExpanded\n                            \"\n                            [class.is-positive-expanded]=\"\n                                item.status === 'positive' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"payrollSummaryItemClass\"\n                            >  \n                                {{ item.money | currency }}\n                            </div>\n                            @if (moneyCounter) {\n                                <div \n                                    [class]=\"payrollSummaryItemClass\"\n                                >\n                                    ({{ moneyCounter }})\n                                </div>\n                            }\n                        </div>\n                    } @else { \n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                success: item.status === 'success',\n                            }\"\n                            [class.is-success-expanded]=\"\n                                item.status === 'success' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"{\n                                    'text-color-green-2': item.status === 'success',\n                                    'text-color-white-2': isExpanded\n                                }\"\n                            >\n                                ALL PAID\n                            </div>\n                        </div>\n                    }\n                    <div\n                        class=\"accordion-toggle-icon d-flex\"\n                        [ngClass]=\"{\n                            svg_rotate: isExpanded,\n                            rotate_back: !isExpanded,\n                        }\"\n                    >\n                        <svg-icon\n                            [src]=\"getSvgPath('downArrow')\"\n                            alt=\"Toggle\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div\n            [id]=\"'collapseOne' + index\"\n            class=\"accordion-collapse\"\n            [class.show]=\"isExpanded\"\n            data-bs-parent=\"#accordionExample\"\n            [@showHideCardBody]=\"{\n                value: isExpanded.toString(),\n                params: animationMarginParams,\n            }\"\n        >\n            <ng-container>\n                <div class=\"accordion-body\">\n                    <!-- Add the expanded content here -->\n                    <!-- {{ item.description }} -->\n                    @if (isExpanded) {\n                        <ng-content></ng-content>\n                    }\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n    'text-color-red-11': item.status === 'danger',\n    'text-color-blue-13': item.status === 'positive',\n    'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n    <div class=\"accordion-item\">\n        <div>\n            <div\n                class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n                [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                (click)=\"toggleAccordion()\"\n            >\n                <div\n                    class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n                    [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                >\n                    @if (!showLeftTemplate) {\n                        <div class=\"me-1 item-text\">\n                            <span >{{ item.text }}</span>\n                        </div>\n\n                        @if (type) {\n                            <div class=\"me-1 item-type\">\n                                ({{ type }})\n                            </div>\n                        }\n                        <div\n                            class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n                            [ngClass]=\"{\n                                'is-expanded text-color-black': isExpanded,\n                                'text-color-white-2': !isExpanded,\n                            }\"\n                        >\n                            {{ item.itemCount }}\n                        </div>\n                    } @else {\n                        <ng-container\n                            *ngTemplateOutlet=\"leftTemplate\"\n                        ></ng-container>\n                    }\n                </div>\n                <div\n                    class=\"d-flex align-items-center header-content-right ca-font-bold\"\n                >\n                    @if (item.date) {\n                        <div\n                            class=\"me-2 date\"\n                            [class]=\"{ \n                                'is-expanded': isExpanded,\n                                'text-color-white-2': isExpanded,\n                                'text-color-black': !isExpanded,\n                            }\"\n                        >\n                            {{ item.date | date: 'dd/MM/yyyy' }}\n                        </div>\n                    }\n                    @if (item.status !== 'success') {\n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                danger: item.status === 'danger',\n                                positive: item.status === 'positive',\n                            }\"\n                            [class.is-danger-expanded]=\"\n                                item.status === 'danger' && isExpanded\n                            \"\n                            [class.is-positive-expanded]=\"\n                                item.status === 'positive' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"payrollSummaryItemClass\"\n                            >  \n                                {{ item.money | currency }}\n                            </div>\n                            @if (moneyCounter) {\n                                <div \n                                    [class]=\"payrollSummaryItemClass\"\n                                >\n                                    ({{ moneyCounter }})\n                                </div>\n                            }\n                        </div>\n                    } @else { \n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                success: item.status === 'success',\n                            }\"\n                            [class.is-success-expanded]=\"\n                                item.status === 'success' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"{\n                                    'text-color-green-2': item.status === 'success',\n                                    'text-color-white-2': isExpanded\n                                }\"\n                            >\n                                ALL PAID\n                            </div>\n                        </div>\n                    }\n                    <div\n                        class=\"accordion-toggle-icon d-flex\"\n                        [ngClass]=\"{\n                            svg_rotate: isExpanded,\n                            rotate_back: !isExpanded,\n                        }\"\n                    >\n                        <svg-icon\n                            [src]=\"getSvgPath('downArrow')\"\n                            alt=\"Toggle\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div\n            [id]=\"'collapseOne' + index\"\n            class=\"accordion-collapse\"\n            [class.show]=\"isExpanded\"\n            data-bs-parent=\"#accordionExample\"\n            [@showHideCardBody]=\"{\n                value: isExpanded.toString(),\n                params: animationMarginParams,\n            }\"\n        >\n            <ng-container>\n                <div class=\"accordion-body\">\n                    <!-- Add the expanded content here -->\n                    <!-- {{ item.description }} -->\n                    @if (isExpanded) {\n                        <ng-content></ng-content>\n                    }\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: 
                 //Modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }], animations: [accordionAnimation('showHideCardBody')], encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -18842,7 +18842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         //Modules
                         CommonModule,
                         AngularSvgIconModule,
-                    ], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n    'text-color-red-11': item.status === 'danger',\n    'text-color-blue-13': item.status === 'positive',\n    'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n    <div class=\"accordion-item\">\n        <div>\n            <div\n                class=\"d-flex justify-content-between align-items-center accordion-header\"\n                [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                (click)=\"toggleAccordion()\"\n            >\n                <div\n                    class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n                    [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                >\n                    @if (!showLeftTemplate) {\n                        <div class=\"me-1 item-text\">\n                            <span >{{ item.text }}</span>\n                        </div>\n\n                        @if (type) {\n                            <div class=\"me-1 item-type\">\n                                ({{ type }})\n                            </div>\n                        }\n                        <div\n                            class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n                            [ngClass]=\"{\n                                'is-expanded text-color-black': isExpanded,\n                                'text-color-white-2': !isExpanded,\n                            }\"\n                        >\n                            {{ item.itemCount }}\n                        </div>\n                    } @else {\n                        <ng-container\n                            *ngTemplateOutlet=\"leftTemplate\"\n                        ></ng-container>\n                    }\n                </div>\n                <div\n                    class=\"d-flex align-items-center header-content-right ca-font-bold\"\n                >\n                    @if (item.date) {\n                        <div\n                            class=\"me-2 date\"\n                            [class]=\"{ \n                                'is-expanded': isExpanded,\n                                'text-color-white-2': isExpanded,\n                                'text-color-black': !isExpanded,\n                            }\"\n                        >\n                            {{ item.date | date: 'dd/MM/yyyy' }}\n                        </div>\n                    }\n                    @if (item.status !== 'success') {\n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                danger: item.status === 'danger',\n                                positive: item.status === 'positive',\n                            }\"\n                            [class.is-danger-expanded]=\"\n                                item.status === 'danger' && isExpanded\n                            \"\n                            [class.is-positive-expanded]=\"\n                                item.status === 'positive' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"payrollSummaryItemClass\"\n                            >  \n                                {{ item.money | currency }}\n                            </div>\n                            @if (moneyCounter) {\n                                <div \n                                    [class]=\"payrollSummaryItemClass\"\n                                >\n                                    ({{ moneyCounter }})\n                                </div>\n                            }\n                        </div>\n                    } @else { \n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                success: item.status === 'success',\n                            }\"\n                            [class.is-success-expanded]=\"\n                                item.status === 'success' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"{\n                                    'text-color-green-2': item.status === 'success',\n                                    'text-color-white-2': isExpanded\n                                }\"\n                            >\n                                ALL PAID\n                            </div>\n                        </div>\n                    }\n                    <div\n                        class=\"accordion-toggle-icon d-flex\"\n                        [ngClass]=\"{\n                            svg_rotate: isExpanded,\n                            rotate_back: !isExpanded,\n                        }\"\n                    >\n                        <svg-icon\n                            [src]=\"getSvgPath('downArrow')\"\n                            alt=\"Toggle\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div\n            [id]=\"'collapseOne' + index\"\n            class=\"accordion-collapse\"\n            [class.show]=\"isExpanded\"\n            data-bs-parent=\"#accordionExample\"\n            [@showHideCardBody]=\"{\n                value: isExpanded.toString(),\n                params: animationMarginParams,\n            }\"\n        >\n            <ng-container>\n                <div class=\"accordion-body\">\n                    <!-- Add the expanded content here -->\n                    <!-- {{ item.description }} -->\n                    @if (isExpanded) {\n                        <ng-content></ng-content>\n                    }\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
+                    ], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n    'text-color-red-11': item.status === 'danger',\n    'text-color-blue-13': item.status === 'positive',\n    'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n    <div class=\"accordion-item\">\n        <div>\n            <div\n                class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n                [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                (click)=\"toggleAccordion()\"\n            >\n                <div\n                    class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n                    [ngClass]=\"{ 'is-expanded': isExpanded }\"\n                >\n                    @if (!showLeftTemplate) {\n                        <div class=\"me-1 item-text\">\n                            <span >{{ item.text }}</span>\n                        </div>\n\n                        @if (type) {\n                            <div class=\"me-1 item-type\">\n                                ({{ type }})\n                            </div>\n                        }\n                        <div\n                            class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n                            [ngClass]=\"{\n                                'is-expanded text-color-black': isExpanded,\n                                'text-color-white-2': !isExpanded,\n                            }\"\n                        >\n                            {{ item.itemCount }}\n                        </div>\n                    } @else {\n                        <ng-container\n                            *ngTemplateOutlet=\"leftTemplate\"\n                        ></ng-container>\n                    }\n                </div>\n                <div\n                    class=\"d-flex align-items-center header-content-right ca-font-bold\"\n                >\n                    @if (item.date) {\n                        <div\n                            class=\"me-2 date\"\n                            [class]=\"{ \n                                'is-expanded': isExpanded,\n                                'text-color-white-2': isExpanded,\n                                'text-color-black': !isExpanded,\n                            }\"\n                        >\n                            {{ item.date | date: 'dd/MM/yyyy' }}\n                        </div>\n                    }\n                    @if (item.status !== 'success') {\n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                danger: item.status === 'danger',\n                                positive: item.status === 'positive',\n                            }\"\n                            [class.is-danger-expanded]=\"\n                                item.status === 'danger' && isExpanded\n                            \"\n                            [class.is-positive-expanded]=\"\n                                item.status === 'positive' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"payrollSummaryItemClass\"\n                            >  \n                                {{ item.money | currency }}\n                            </div>\n                            @if (moneyCounter) {\n                                <div \n                                    [class]=\"payrollSummaryItemClass\"\n                                >\n                                    ({{ moneyCounter }})\n                                </div>\n                            }\n                        </div>\n                    } @else { \n                        <div\n                            class=\"d-flex amount me-1\"\n                            [ngClass]=\"{\n                                success: item.status === 'success',\n                            }\"\n                            [class.is-success-expanded]=\"\n                                item.status === 'success' && isExpanded\n                            \"\n                        >\n                            <div \n                                class=\"me-1\"\n                                [class]=\"{\n                                    'text-color-green-2': item.status === 'success',\n                                    'text-color-white-2': isExpanded\n                                }\"\n                            >\n                                ALL PAID\n                            </div>\n                        </div>\n                    }\n                    <div\n                        class=\"accordion-toggle-icon d-flex\"\n                        [ngClass]=\"{\n                            svg_rotate: isExpanded,\n                            rotate_back: !isExpanded,\n                        }\"\n                    >\n                        <svg-icon\n                            [src]=\"getSvgPath('downArrow')\"\n                            alt=\"Toggle\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div\n            [id]=\"'collapseOne' + index\"\n            class=\"accordion-collapse\"\n            [class.show]=\"isExpanded\"\n            data-bs-parent=\"#accordionExample\"\n            [@showHideCardBody]=\"{\n                value: isExpanded.toString(),\n                params: animationMarginParams,\n            }\"\n        >\n            <ng-container>\n                <div class=\"accordion-body\">\n                    <!-- Add the expanded content here -->\n                    <!-- {{ item.description }} -->\n                    @if (isExpanded) {\n                        <ng-content></ng-content>\n                    }\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { leftTemplate: [{
                 type: Input
             }], showLeftTemplate: [{
@@ -20388,11 +20388,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class CaPeriodContentExtraInfoComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentExtraInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentExtraInfoComponent, isStandalone: true, selector: "app-ca-period-content-extra-info", inputs: { title: "title", amount: "amount", stopsCount: "stopsCount" }, ngImport: i0, template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n    <div\n        class=\"stop-container d-flex align-items-center justify-content-between\"\n    >\n        <span class=\"payment-title ca-font-extra-bold text-color-black\">{{\n            title\n        }}</span>\n        @if (stopsCount) {\n            <span\n                class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n                >{{ stopsCount }}</span\n            >\n        }\n    </div>\n    <span\n        class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n        >${{ amount }}</span\n    >\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentExtraInfoComponent, isStandalone: true, selector: "app-ca-period-content-extra-info", inputs: { title: "title", amount: "amount", stopsCount: "stopsCount" }, ngImport: i0, template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n    <div\n        class=\"stop-container d-flex align-items-center justify-content-between\"\n    >\n        <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n            title\n        }}</span>\n        @if (stopsCount) {\n            <span\n                class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n                >{{ stopsCount }}</span\n            >\n        }\n    </div>\n    <span\n        class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n        >${{ amount }}</span\n    >\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentExtraInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-ca-period-content-extra-info', standalone: true, imports: [CommonModule], template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n    <div\n        class=\"stop-container d-flex align-items-center justify-content-between\"\n    >\n        <span class=\"payment-title ca-font-extra-bold text-color-black\">{{\n            title\n        }}</span>\n        @if (stopsCount) {\n            <span\n                class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n                >{{ stopsCount }}</span\n            >\n        }\n    </div>\n    <span\n        class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n        >${{ amount }}</span\n    >\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"] }]
+            args: [{ selector: 'app-ca-period-content-extra-info', standalone: true, imports: [CommonModule], template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n    <div\n        class=\"stop-container d-flex align-items-center justify-content-between\"\n    >\n        <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n            title\n        }}</span>\n        @if (stopsCount) {\n            <span\n                class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n                >{{ stopsCount }}</span\n            >\n        }\n    </div>\n    <span\n        class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n        >${{ amount }}</span\n    >\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], amount: [{
@@ -20574,7 +20574,7 @@ class CaPeriodContentPaymentComponent {
         this.openEditEntryItem.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentPaymentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentPaymentComponent, isStandalone: true, selector: "app-ca-period-content-payment", inputs: { disableReorder: "disableReorder", included: "included", excluded: "excluded", isOpen: "isOpen", title: "title", hideTotal: "hideTotal" }, outputs: { openAddNewModalEmiter: "openAddNewModalEmiter", openEditEntryItem: "openEditEntryItem", reorderedDataEmiter: "reorderedDataEmiter" }, providers: [FormatCurrencyPipe], viewQueries: [{ propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n    <ng-container>\n        <div\n            class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n        >\n            <div\n                class=\"title-container container d-flex flex-column justify-content-center\"\n            >\n                <div\n                    class=\"text-value d-flex justify-content-between align-items-center\"\n                >\n                    <div\n                        class=\"payment-count d-flex align-items-center justify-content-start\"\n                    >\n                        <span\n                            class=\"text ca-font-extra-bold text-color-black\"\n                            >{{ title }}</span\n                        >\n                        @if (_included?.length) {\n                            <span\n                                class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n                            >\n                                {{ _included.length }}\n                            </span>\n                        }\n                    </div>\n                    <span\n                        class=\"value d-flex align-items-center add_new_item\"\n                        (click)=\"openAddNewModal()\"\n                        [class.value-hover]=\"isOpen\"\n                    >\n                        @if (isOpen) {\n                            <svg-icon\n                                class=\"d-flex icon svg-size-18\"\n                                [src]=\"getSvgPath('plus')\"\n                            ></svg-icon>\n                        }\n                    </span>\n                </div>\n            </div>\n            <div class=\"included_excluded_holder\">\n                <div\n                    cdkDropList\n                    #includedList=\"cdkDropList\"\n                    [cdkDropListConnectedTo]=\"[excludedList]\"\n                    [cdkDropListData]=\"_included\"\n                    class=\"component-data-container d-flex justify-content-center flex-column\"\n                    [class.empty_list_ex_in]=\"!_included.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _included; let i = $index; track i) {\n                        <ng-container>\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index: i + 1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + 1,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        </ng-container>\n                    }\n                </div>\n                @if (!hideTotal) {\n                    <ng-container\n                        *ngTemplateOutlet=\"paymentListTotal\"\n                    ></ng-container>\n                }\n                <div\n                    cdkDropList\n                    [cdkDropListConnectedTo]=\"[includedList]\"\n                    [cdkDropListData]=\"_excluded\"\n                    #excludedList=\"cdkDropList\"\n                    class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n                    [class.empty_list_ex_in]=\"!_excluded.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _excluded; let i = $index; track i) {\n                        @if (data.reorderItem) {\n                            <ng-container\n                                *ngTemplateOutlet=\"paymentListTotal\"\n                            ></ng-container>\n                        } @else {\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index:\n                                                        i +\n                                                        _included.length +\n                                                        1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + _included.length + 1,\n                                            isExcluded: true,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #emptyComponentData>\n        <div class=\"title-container container-empty d-flex flex-column\">\n            <div class=\"text-value d-flex justify-content-between\">\n                <div\n                    class=\"payment-count d-flex align-items-center justify-content-start\"\n                >\n                    <span\n                        class=\"text ca-font-extra-bold text-color-black\"\n                        [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n                        >{{ title }}</span\n                    >\n                </div>\n                <span class=\"value d-flex align-items-center\">\n                    @if (isOpen) {\n                        <svg-icon\n                            class=\"d-flex icon svg-size-18\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                        ></svg-icon>\n                    } @else {\n                        <span class=\"total-money-closed ca-font-semi-bold\"\n                            >$0.00</span\n                        >\n                    }\n                </span>\n            </div>\n        </div>\n    </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n    @let includedCount = _included | includedCount: isOpen;\n    @if (includedCount) {\n        <div\n            class=\"total-money-title d-flex justify-content-between align-items-center\"\n        >\n            <div class=\"icon-total d-flex align-items-center\">\n                <span\n                    class=\"dolar-icon d-flex align-items-center\"\n                    [ngClass]=\"periodColorClass\"\n                >\n                    <svg-icon\n                        class=\"d-flex align-items-center svg-size-18\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                    ></svg-icon>\n                </span>\n                <span class=\"total-title ca-font-bold text-color-black\"\n                    >Total</span\n                >\n            </div>\n            <span\n                class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n                [ngClass]=\"periodColorClass\"\n                >{{ includedCount }}</span\n            >\n        </div>\n    }\n</ng-template>\n\n<ng-template\n    #paymentListItem\n    let-data\n    let-i=\"index\"\n    let-isDragPreview=\"isDragPreview\"\n    let-isExcluded=\"isExcluded\"\n>\n    <div\n        class=\"d-flex justify-content-between align-items-center information\"\n        [class.excluded]=\"isExcluded\"\n    >\n        <div\n            class=\"number-date-location-holder d-flex justify-content-between\"\n            (mouseenter)=\"handleDropdownMenuHover(i)\"\n            (mouseleave)=\"handleDropdownMenuHover()\"\n        >\n            @if (isDragPreview) {\n                <div class=\"drag-preview-icon\">\n                    <svg-icon\n                        class=\"svg-size-14\"\n                        [svgStyle]=\"{\n                            color: '#DADADA',\n                        }\"\n                        [src]=\"getSvgPath('previewArrows')\"\n                    ></svg-icon>\n                </div>\n            } @else {\n                <span\n                    class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n                >\n                    @if (i === dropdownHoverIndex) {\n                        <ca-dropdown-menu\n                            #dropdownMenu\n                            [type]=\"'dots-menu-type'\"\n                            [placement]=\"'bottom-right'\"\n                            [options]=\"dropdownOptions\"\n                            (dropdownOptionEmitter)=\"\n                                handleMenuOpen({ $event, data, title })\n                            \"\n                        >\n                        </ca-dropdown-menu>\n                    } @else {\n                        {{ i }}\n                    }\n                </span>\n            }\n\n            <div\n                class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n            >\n                @if (title === 'Fuel') {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.fuelStop.businessName }}\n                        {{\n                            data.fuelStop.store\n                                ? '- ' + data.fuelStop.store\n                                : ''\n                        }}</span\n                    >\n                } @else {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.description }}</span\n                    >\n                }\n\n                <span\n                    class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n                    >{{ formatDate(data.date) }}</span\n                >\n            </div>\n        </div>\n        <div\n            [ngClass]=\"{\n                'justify-content-between':\n                    title === 'Deduction' || title === 'Fuel',\n                'justify-content-end':\n                    title !== 'Deduction' && title !== 'Fuel',\n            }\"\n            class=\"icon-money-holder d-flex\"\n        >\n            @if (title === 'Deduction') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center\"\n                >\n                    @if (data.recurring && !data.allRecurrance) {\n                        <svg-icon\n                            class=\"d-flex align-items-center svg-size-18\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                        ></svg-icon>\n                    }\n                    @if (data.recurring && data.allRecurrance) {\n                        <div class=\"recurring-count d-flex align-items-center\">\n                            {{ data.currentRecurrance }}/{{\n                                data.allRecurrance\n                            }}\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (title === 'Fuel') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n                >\n                    {{ data.galons }}\n                </span>\n            }\n\n            <span\n                class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n            >\n                {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n            </span>\n        </div>\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:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentPaymentComponent, isStandalone: true, selector: "app-ca-period-content-payment", inputs: { disableReorder: "disableReorder", included: "included", excluded: "excluded", isOpen: "isOpen", title: "title", hideTotal: "hideTotal" }, outputs: { openAddNewModalEmiter: "openAddNewModalEmiter", openEditEntryItem: "openEditEntryItem", reorderedDataEmiter: "reorderedDataEmiter" }, providers: [FormatCurrencyPipe], viewQueries: [{ propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n    <ng-container>\n        <div\n            class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n        >\n            <div\n                class=\"title-container container d-flex flex-column justify-content-center\"\n            >\n                <div\n                    class=\"text-value d-flex justify-content-between align-items-center\"\n                >\n                    <div\n                        class=\"payment-count d-flex align-items-center justify-content-start user-select-none\"\n                    >\n                        <span\n                            class=\"text ca-font-extra-bold text-color-black\"\n                            >{{ title }}</span\n                        >\n                        @if (_included?.length) {\n                            <span\n                                class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n                            >\n                                {{ _included.length }}\n                            </span>\n                        }\n                    </div>\n                    <span\n                        class=\"value d-flex align-items-center add_new_item\"\n                        (click)=\"openAddNewModal()\"\n                        [class.value-hover]=\"isOpen\"\n                    >\n                        @if (isOpen) {\n                            <svg-icon\n                                class=\"d-flex icon svg-size-18\"\n                                [src]=\"getSvgPath('plus')\"\n                            ></svg-icon>\n                        }\n                    </span>\n                </div>\n            </div>\n            <div class=\"included_excluded_holder\">\n                <div\n                    cdkDropList\n                    #includedList=\"cdkDropList\"\n                    [cdkDropListConnectedTo]=\"[excludedList]\"\n                    [cdkDropListData]=\"_included\"\n                    class=\"component-data-container d-flex justify-content-center flex-column\"\n                    [class.empty_list_ex_in]=\"!_included.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _included; let i = $index; track i) {\n                        <ng-container>\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index: i + 1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + 1,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        </ng-container>\n                    }\n                </div>\n                @if (!hideTotal) {\n                    <ng-container\n                        *ngTemplateOutlet=\"paymentListTotal\"\n                    ></ng-container>\n                }\n                <div\n                    cdkDropList\n                    [cdkDropListConnectedTo]=\"[includedList]\"\n                    [cdkDropListData]=\"_excluded\"\n                    #excludedList=\"cdkDropList\"\n                    class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n                    [class.empty_list_ex_in]=\"!_excluded.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _excluded; let i = $index; track i) {\n                        @if (data.reorderItem) {\n                            <ng-container\n                                *ngTemplateOutlet=\"paymentListTotal\"\n                            ></ng-container>\n                        } @else {\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index:\n                                                        i +\n                                                        _included.length +\n                                                        1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + _included.length + 1,\n                                            isExcluded: true,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #emptyComponentData>\n        <div class=\"title-container container-empty d-flex flex-column\">\n            <div class=\"text-value d-flex justify-content-between\">\n                <div\n                    class=\"payment-count d-flex align-items-center justify-content-start user-select-none\"\n                >\n                    <span\n                        class=\"text ca-font-extra-bold text-color-black\"\n                        [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n                        >{{ title }}</span\n                    >\n                </div>\n                <span class=\"value d-flex align-items-center\">\n                    @if (isOpen) {\n                        <svg-icon\n                            class=\"d-flex icon svg-size-18\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                        ></svg-icon>\n                    } @else {\n                        <span class=\"total-money-closed ca-font-semi-bold\"\n                            >$0.00</span\n                        >\n                    }\n                </span>\n            </div>\n        </div>\n    </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n    @let includedCount = _included | includedCount: isOpen;\n    @if (includedCount) {\n        <div\n            class=\"total-money-title d-flex justify-content-between align-items-center\"\n        >\n            <div class=\"icon-total d-flex align-items-center\">\n                <span\n                    class=\"dolar-icon d-flex align-items-center\"\n                    [ngClass]=\"periodColorClass\"\n                >\n                    <svg-icon\n                        class=\"d-flex align-items-center svg-size-18\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                    ></svg-icon>\n                </span>\n                <span class=\"total-title ca-font-bold text-color-black user-select-none\"\n                    >Total</span\n                >\n            </div>\n            <span\n                class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n                [ngClass]=\"periodColorClass\"\n                >{{ includedCount }}</span\n            >\n        </div>\n    }\n</ng-template>\n\n<ng-template\n    #paymentListItem\n    let-data\n    let-i=\"index\"\n    let-isDragPreview=\"isDragPreview\"\n    let-isExcluded=\"isExcluded\"\n>\n    <div\n        class=\"d-flex justify-content-between align-items-center information\"\n        [class.excluded]=\"isExcluded\"\n    >\n        <div\n            class=\"number-date-location-holder d-flex justify-content-between\"\n            (mouseenter)=\"handleDropdownMenuHover(i)\"\n            (mouseleave)=\"handleDropdownMenuHover()\"\n        >\n            @if (isDragPreview) {\n                <div class=\"drag-preview-icon\">\n                    <svg-icon\n                        class=\"svg-size-14\"\n                        [svgStyle]=\"{\n                            color: '#DADADA',\n                        }\"\n                        [src]=\"getSvgPath('previewArrows')\"\n                    ></svg-icon>\n                </div>\n            } @else {\n                <span\n                    class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n                >\n                    @if (i === dropdownHoverIndex) {\n                        <ca-dropdown-menu\n                            #dropdownMenu\n                            [type]=\"'dots-menu-type'\"\n                            [placement]=\"'bottom-right'\"\n                            [options]=\"dropdownOptions\"\n                            (dropdownOptionEmitter)=\"\n                                handleMenuOpen({ $event, data, title })\n                            \"\n                        >\n                        </ca-dropdown-menu>\n                    } @else {\n                        {{ i }}\n                    }\n                </span>\n            }\n\n            <div\n                class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n            >\n                @if (title === 'Fuel') {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.fuelStop.businessName }}\n                        {{\n                            data.fuelStop.store\n                                ? '- ' + data.fuelStop.store\n                                : ''\n                        }}</span\n                    >\n                } @else {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.description }}</span\n                    >\n                }\n\n                <span\n                    class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n                    >{{ formatDate(data.date) }}</span\n                >\n            </div>\n        </div>\n        <div\n            [ngClass]=\"{\n                'justify-content-between':\n                    title === 'Deduction' || title === 'Fuel',\n                'justify-content-end':\n                    title !== 'Deduction' && title !== 'Fuel',\n            }\"\n            class=\"icon-money-holder d-flex\"\n        >\n            @if (title === 'Deduction') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center\"\n                >\n                    @if (data.recurring && !data.allRecurrance) {\n                        <svg-icon\n                            class=\"d-flex align-items-center svg-size-18\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                        ></svg-icon>\n                    }\n                    @if (data.recurring && data.allRecurrance) {\n                        <div class=\"recurring-count d-flex align-items-center\">\n                            {{ data.currentRecurrance }}/{{\n                                data.allRecurrance\n                            }}\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (title === 'Fuel') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n                >\n                    {{ data.galons }}\n                </span>\n            }\n\n            <span\n                class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n            >\n                {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n            </span>\n        </div>\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:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type: 
                 //Modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { 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: DragDropModule }, { kind: "directive", type: i3$2.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: i3$2.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: i3$2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i3$2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: 
                 //Components
@@ -20593,7 +20593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaDropdownMenuComponent,
                         //Pipes
                         IncludedCountPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n    <ng-container>\n        <div\n            class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n        >\n            <div\n                class=\"title-container container d-flex flex-column justify-content-center\"\n            >\n                <div\n                    class=\"text-value d-flex justify-content-between align-items-center\"\n                >\n                    <div\n                        class=\"payment-count d-flex align-items-center justify-content-start\"\n                    >\n                        <span\n                            class=\"text ca-font-extra-bold text-color-black\"\n                            >{{ title }}</span\n                        >\n                        @if (_included?.length) {\n                            <span\n                                class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n                            >\n                                {{ _included.length }}\n                            </span>\n                        }\n                    </div>\n                    <span\n                        class=\"value d-flex align-items-center add_new_item\"\n                        (click)=\"openAddNewModal()\"\n                        [class.value-hover]=\"isOpen\"\n                    >\n                        @if (isOpen) {\n                            <svg-icon\n                                class=\"d-flex icon svg-size-18\"\n                                [src]=\"getSvgPath('plus')\"\n                            ></svg-icon>\n                        }\n                    </span>\n                </div>\n            </div>\n            <div class=\"included_excluded_holder\">\n                <div\n                    cdkDropList\n                    #includedList=\"cdkDropList\"\n                    [cdkDropListConnectedTo]=\"[excludedList]\"\n                    [cdkDropListData]=\"_included\"\n                    class=\"component-data-container d-flex justify-content-center flex-column\"\n                    [class.empty_list_ex_in]=\"!_included.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _included; let i = $index; track i) {\n                        <ng-container>\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index: i + 1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + 1,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        </ng-container>\n                    }\n                </div>\n                @if (!hideTotal) {\n                    <ng-container\n                        *ngTemplateOutlet=\"paymentListTotal\"\n                    ></ng-container>\n                }\n                <div\n                    cdkDropList\n                    [cdkDropListConnectedTo]=\"[includedList]\"\n                    [cdkDropListData]=\"_excluded\"\n                    #excludedList=\"cdkDropList\"\n                    class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n                    [class.empty_list_ex_in]=\"!_excluded.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _excluded; let i = $index; track i) {\n                        @if (data.reorderItem) {\n                            <ng-container\n                                *ngTemplateOutlet=\"paymentListTotal\"\n                            ></ng-container>\n                        } @else {\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index:\n                                                        i +\n                                                        _included.length +\n                                                        1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + _included.length + 1,\n                                            isExcluded: true,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #emptyComponentData>\n        <div class=\"title-container container-empty d-flex flex-column\">\n            <div class=\"text-value d-flex justify-content-between\">\n                <div\n                    class=\"payment-count d-flex align-items-center justify-content-start\"\n                >\n                    <span\n                        class=\"text ca-font-extra-bold text-color-black\"\n                        [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n                        >{{ title }}</span\n                    >\n                </div>\n                <span class=\"value d-flex align-items-center\">\n                    @if (isOpen) {\n                        <svg-icon\n                            class=\"d-flex icon svg-size-18\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                        ></svg-icon>\n                    } @else {\n                        <span class=\"total-money-closed ca-font-semi-bold\"\n                            >$0.00</span\n                        >\n                    }\n                </span>\n            </div>\n        </div>\n    </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n    @let includedCount = _included | includedCount: isOpen;\n    @if (includedCount) {\n        <div\n            class=\"total-money-title d-flex justify-content-between align-items-center\"\n        >\n            <div class=\"icon-total d-flex align-items-center\">\n                <span\n                    class=\"dolar-icon d-flex align-items-center\"\n                    [ngClass]=\"periodColorClass\"\n                >\n                    <svg-icon\n                        class=\"d-flex align-items-center svg-size-18\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                    ></svg-icon>\n                </span>\n                <span class=\"total-title ca-font-bold text-color-black\"\n                    >Total</span\n                >\n            </div>\n            <span\n                class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n                [ngClass]=\"periodColorClass\"\n                >{{ includedCount }}</span\n            >\n        </div>\n    }\n</ng-template>\n\n<ng-template\n    #paymentListItem\n    let-data\n    let-i=\"index\"\n    let-isDragPreview=\"isDragPreview\"\n    let-isExcluded=\"isExcluded\"\n>\n    <div\n        class=\"d-flex justify-content-between align-items-center information\"\n        [class.excluded]=\"isExcluded\"\n    >\n        <div\n            class=\"number-date-location-holder d-flex justify-content-between\"\n            (mouseenter)=\"handleDropdownMenuHover(i)\"\n            (mouseleave)=\"handleDropdownMenuHover()\"\n        >\n            @if (isDragPreview) {\n                <div class=\"drag-preview-icon\">\n                    <svg-icon\n                        class=\"svg-size-14\"\n                        [svgStyle]=\"{\n                            color: '#DADADA',\n                        }\"\n                        [src]=\"getSvgPath('previewArrows')\"\n                    ></svg-icon>\n                </div>\n            } @else {\n                <span\n                    class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n                >\n                    @if (i === dropdownHoverIndex) {\n                        <ca-dropdown-menu\n                            #dropdownMenu\n                            [type]=\"'dots-menu-type'\"\n                            [placement]=\"'bottom-right'\"\n                            [options]=\"dropdownOptions\"\n                            (dropdownOptionEmitter)=\"\n                                handleMenuOpen({ $event, data, title })\n                            \"\n                        >\n                        </ca-dropdown-menu>\n                    } @else {\n                        {{ i }}\n                    }\n                </span>\n            }\n\n            <div\n                class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n            >\n                @if (title === 'Fuel') {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.fuelStop.businessName }}\n                        {{\n                            data.fuelStop.store\n                                ? '- ' + data.fuelStop.store\n                                : ''\n                        }}</span\n                    >\n                } @else {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.description }}</span\n                    >\n                }\n\n                <span\n                    class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n                    >{{ formatDate(data.date) }}</span\n                >\n            </div>\n        </div>\n        <div\n            [ngClass]=\"{\n                'justify-content-between':\n                    title === 'Deduction' || title === 'Fuel',\n                'justify-content-end':\n                    title !== 'Deduction' && title !== 'Fuel',\n            }\"\n            class=\"icon-money-holder d-flex\"\n        >\n            @if (title === 'Deduction') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center\"\n                >\n                    @if (data.recurring && !data.allRecurrance) {\n                        <svg-icon\n                            class=\"d-flex align-items-center svg-size-18\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                        ></svg-icon>\n                    }\n                    @if (data.recurring && data.allRecurrance) {\n                        <div class=\"recurring-count d-flex align-items-center\">\n                            {{ data.currentRecurrance }}/{{\n                                data.allRecurrance\n                            }}\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (title === 'Fuel') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n                >\n                    {{ data.galons }}\n                </span>\n            }\n\n            <span\n                class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n            >\n                {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n            </span>\n        </div>\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:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n    <ng-container>\n        <div\n            class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n        >\n            <div\n                class=\"title-container container d-flex flex-column justify-content-center\"\n            >\n                <div\n                    class=\"text-value d-flex justify-content-between align-items-center\"\n                >\n                    <div\n                        class=\"payment-count d-flex align-items-center justify-content-start user-select-none\"\n                    >\n                        <span\n                            class=\"text ca-font-extra-bold text-color-black\"\n                            >{{ title }}</span\n                        >\n                        @if (_included?.length) {\n                            <span\n                                class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n                            >\n                                {{ _included.length }}\n                            </span>\n                        }\n                    </div>\n                    <span\n                        class=\"value d-flex align-items-center add_new_item\"\n                        (click)=\"openAddNewModal()\"\n                        [class.value-hover]=\"isOpen\"\n                    >\n                        @if (isOpen) {\n                            <svg-icon\n                                class=\"d-flex icon svg-size-18\"\n                                [src]=\"getSvgPath('plus')\"\n                            ></svg-icon>\n                        }\n                    </span>\n                </div>\n            </div>\n            <div class=\"included_excluded_holder\">\n                <div\n                    cdkDropList\n                    #includedList=\"cdkDropList\"\n                    [cdkDropListConnectedTo]=\"[excludedList]\"\n                    [cdkDropListData]=\"_included\"\n                    class=\"component-data-container d-flex justify-content-center flex-column\"\n                    [class.empty_list_ex_in]=\"!_included.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _included; let i = $index; track i) {\n                        <ng-container>\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index: i + 1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + 1,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        </ng-container>\n                    }\n                </div>\n                @if (!hideTotal) {\n                    <ng-container\n                        *ngTemplateOutlet=\"paymentListTotal\"\n                    ></ng-container>\n                }\n                <div\n                    cdkDropList\n                    [cdkDropListConnectedTo]=\"[includedList]\"\n                    [cdkDropListData]=\"_excluded\"\n                    #excludedList=\"cdkDropList\"\n                    class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n                    [class.empty_list_ex_in]=\"!_excluded.length\"\n                    (cdkDropListDropped)=\"onDrop($event)\"\n                >\n                    @for (data of _excluded; let i = $index; track i) {\n                        @if (data.reorderItem) {\n                            <ng-container\n                                *ngTemplateOutlet=\"paymentListTotal\"\n                            ></ng-container>\n                        } @else {\n                            <div\n                                cdkDrag\n                                cdkDragLockAxis=\"y\"\n                                cdkDragPreviewContainer=\"parent\"\n                                [cdkDragDisabled]=\"!isOpen || disableReorder\"\n                            >\n                                <ng-container *cdkDragPlaceholder>\n                                    <div class=\"drag-placeholder\"></div>\n                                </ng-container>\n                                <ng-template cdkDragPreview matchSize>\n                                    <div class=\"custom-drag-preview\">\n                                        <ng-container\n                                            *ngTemplateOutlet=\"\n                                                paymentListItem;\n                                                context: {\n                                                    $implicit: data,\n                                                    index:\n                                                        i +\n                                                        _included.length +\n                                                        1,\n                                                    isDragPreview: true,\n                                                }\n                                            \"\n                                        ></ng-container>\n                                    </div>\n                                </ng-template>\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        paymentListItem;\n                                        context: {\n                                            $implicit: data,\n                                            index: i + _included.length + 1,\n                                            isExcluded: true,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #emptyComponentData>\n        <div class=\"title-container container-empty d-flex flex-column\">\n            <div class=\"text-value d-flex justify-content-between\">\n                <div\n                    class=\"payment-count d-flex align-items-center justify-content-start user-select-none\"\n                >\n                    <span\n                        class=\"text ca-font-extra-bold text-color-black\"\n                        [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n                        >{{ title }}</span\n                    >\n                </div>\n                <span class=\"value d-flex align-items-center\">\n                    @if (isOpen) {\n                        <svg-icon\n                            class=\"d-flex icon svg-size-18\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                        ></svg-icon>\n                    } @else {\n                        <span class=\"total-money-closed ca-font-semi-bold\"\n                            >$0.00</span\n                        >\n                    }\n                </span>\n            </div>\n        </div>\n    </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n    @let includedCount = _included | includedCount: isOpen;\n    @if (includedCount) {\n        <div\n            class=\"total-money-title d-flex justify-content-between align-items-center\"\n        >\n            <div class=\"icon-total d-flex align-items-center\">\n                <span\n                    class=\"dolar-icon d-flex align-items-center\"\n                    [ngClass]=\"periodColorClass\"\n                >\n                    <svg-icon\n                        class=\"d-flex align-items-center svg-size-18\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                    ></svg-icon>\n                </span>\n                <span class=\"total-title ca-font-bold text-color-black user-select-none\"\n                    >Total</span\n                >\n            </div>\n            <span\n                class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n                [ngClass]=\"periodColorClass\"\n                >{{ includedCount }}</span\n            >\n        </div>\n    }\n</ng-template>\n\n<ng-template\n    #paymentListItem\n    let-data\n    let-i=\"index\"\n    let-isDragPreview=\"isDragPreview\"\n    let-isExcluded=\"isExcluded\"\n>\n    <div\n        class=\"d-flex justify-content-between align-items-center information\"\n        [class.excluded]=\"isExcluded\"\n    >\n        <div\n            class=\"number-date-location-holder d-flex justify-content-between\"\n            (mouseenter)=\"handleDropdownMenuHover(i)\"\n            (mouseleave)=\"handleDropdownMenuHover()\"\n        >\n            @if (isDragPreview) {\n                <div class=\"drag-preview-icon\">\n                    <svg-icon\n                        class=\"svg-size-14\"\n                        [svgStyle]=\"{\n                            color: '#DADADA',\n                        }\"\n                        [src]=\"getSvgPath('previewArrows')\"\n                    ></svg-icon>\n                </div>\n            } @else {\n                <span\n                    class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n                >\n                    @if (i === dropdownHoverIndex) {\n                        <ca-dropdown-menu\n                            #dropdownMenu\n                            [type]=\"'dots-menu-type'\"\n                            [placement]=\"'bottom-right'\"\n                            [options]=\"dropdownOptions\"\n                            (dropdownOptionEmitter)=\"\n                                handleMenuOpen({ $event, data, title })\n                            \"\n                        >\n                        </ca-dropdown-menu>\n                    } @else {\n                        {{ i }}\n                    }\n                </span>\n            }\n\n            <div\n                class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n            >\n                @if (title === 'Fuel') {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.fuelStop.businessName }}\n                        {{\n                            data.fuelStop.store\n                                ? '- ' + data.fuelStop.store\n                                : ''\n                        }}</span\n                    >\n                } @else {\n                    <span\n                        class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                        >{{ data.description }}</span\n                    >\n                }\n\n                <span\n                    class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n                    >{{ formatDate(data.date) }}</span\n                >\n            </div>\n        </div>\n        <div\n            [ngClass]=\"{\n                'justify-content-between':\n                    title === 'Deduction' || title === 'Fuel',\n                'justify-content-end':\n                    title !== 'Deduction' && title !== 'Fuel',\n            }\"\n            class=\"icon-money-holder d-flex\"\n        >\n            @if (title === 'Deduction') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center\"\n                >\n                    @if (data.recurring && !data.allRecurrance) {\n                        <svg-icon\n                            class=\"d-flex align-items-center svg-size-18\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                        ></svg-icon>\n                    }\n                    @if (data.recurring && data.allRecurrance) {\n                        <div class=\"recurring-count d-flex align-items-center\">\n                            {{ data.currentRecurrance }}/{{\n                                data.allRecurrance\n                            }}\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (title === 'Fuel') {\n                <span\n                    class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n                >\n                    {{ data.galons }}\n                </span>\n            }\n\n            <span\n                class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n            >\n                {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n            </span>\n        </div>\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:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disableReorder: [{
                 type: Input
             }], included: [{
@@ -20692,7 +20692,7 @@ class CaPeriodContentUserInfoComponent {
         return PayrollPeriodContentHelper.getSvgPath(propertyName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentUserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentUserInfoComponent, isStandalone: true, selector: "app-ca-period-content-user-info", inputs: { componentData: "componentData", type: "type", isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"title d-flex align-items-center\">\n    @if (componentData) {\n        <div class=\"container_period_content_user d-flex align-items-center\">\n            @if (type !== 'OWNER') {\n                <div class=\"profile_image_holder\">\n                    <app-ca-profile-image\n                        [isRound]=\"false\"\n                        [isHoverEffect]=\"false\"\n                        [textShortName]=\"\n                            componentData.fullName | userNameInitials\n                        \"\n                        size=\"74\"\n                        height=\"82\"\n                        [fontSize]=\"'28'\"\n                        [avatarImg]=\"componentData.avatar!\"\n                    ></app-ca-profile-image>\n                </div>\n            }\n            <div\n                class=\"user-information d-flex flex-column justify-content-center\"\n            >\n                <span\n                    class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n                >\n                    {{ componentData.fullName }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n                >\n                    {{ componentData.payrollNumber }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n                    [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n                >\n                    <svg-icon\n                        class=\"d-flex icon align-items-center svg-size-18\"\n                        [src]=\"\n                            (isOpen | periodStatus: componentData)?.url || ''\n                        \"\n                    ></svg-icon>\n                    <span class=\"status-text text-color-black\">\n                        {{\n                            (isOpen | periodStatus: componentData)?.title ?? ''\n                        }}\n                    </span>\n                </span>\n            </div>\n            @if (type == 'OWNER') {\n                <div class=\"semi-div d-flex align-items-end\">\n                    <img\n                        class=\"img-frame-semi\"\n                        [src]=\"getSvgPath('semiTruck')\"\n                        alt=\"User Avatar\"\n                    />\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:96px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: PeriodStatusPipe, name: "periodStatus" }, { kind: "pipe", type: UserNameInitialsPipe, name: "userNameInitials" }, { kind: "pipe", type: PayrollStatusClassPipe, name: "payrollStatusClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentUserInfoComponent, isStandalone: true, selector: "app-ca-period-content-user-info", inputs: { componentData: "componentData", type: "type", isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"title d-flex align-items-center\">\n    @if (componentData) {\n        <div class=\"container_period_content_user d-flex align-items-center\">\n            @if (type !== 'OWNER') {\n                <div class=\"profile_image_holder\">\n                    <app-ca-profile-image\n                        [isRound]=\"false\"\n                        [isHoverEffect]=\"false\"\n                        [textShortName]=\"\n                            componentData.fullName | userNameInitials\n                        \"\n                        size=\"74\"\n                        height=\"82\"\n                        [fontSize]=\"'28'\"\n                        [avatarImg]=\"componentData.avatar!\"\n                    ></app-ca-profile-image>\n                </div>\n            }\n            <div\n                class=\"user-information d-flex flex-column justify-content-center\"\n            >\n                <span\n                    class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n                >\n                    {{ componentData.fullName }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n                >\n                    {{ componentData.payrollNumber }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n                    [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n                >\n                    <svg-icon\n                        class=\"d-flex icon align-items-center svg-size-18\"\n                        [src]=\"\n                            (isOpen | periodStatus: componentData)?.url || ''\n                        \"\n                    ></svg-icon>\n                    <span class=\"status-text text-color-black user-select-none\">\n                        {{\n                            (isOpen | periodStatus: componentData)?.title ?? ''\n                        }}\n                    </span>\n                </span>\n            </div>\n            @if (type == 'OWNER') {\n                <div class=\"semi-div d-flex align-items-end\">\n                    <img\n                        class=\"img-frame-semi\"\n                        [src]=\"getSvgPath('semiTruck')\"\n                        alt=\"User Avatar\"\n                    />\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:96px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: PeriodStatusPipe, name: "periodStatus" }, { kind: "pipe", type: UserNameInitialsPipe, name: "userNameInitials" }, { kind: "pipe", type: PayrollStatusClassPipe, name: "payrollStatusClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentUserInfoComponent, decorators: [{
             type: Component,
@@ -20703,7 +20703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PeriodStatusPipe,
                         UserNameInitialsPipe,
                         PayrollStatusClassPipe,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title d-flex align-items-center\">\n    @if (componentData) {\n        <div class=\"container_period_content_user d-flex align-items-center\">\n            @if (type !== 'OWNER') {\n                <div class=\"profile_image_holder\">\n                    <app-ca-profile-image\n                        [isRound]=\"false\"\n                        [isHoverEffect]=\"false\"\n                        [textShortName]=\"\n                            componentData.fullName | userNameInitials\n                        \"\n                        size=\"74\"\n                        height=\"82\"\n                        [fontSize]=\"'28'\"\n                        [avatarImg]=\"componentData.avatar!\"\n                    ></app-ca-profile-image>\n                </div>\n            }\n            <div\n                class=\"user-information d-flex flex-column justify-content-center\"\n            >\n                <span\n                    class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n                >\n                    {{ componentData.fullName }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n                >\n                    {{ componentData.payrollNumber }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n                    [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n                >\n                    <svg-icon\n                        class=\"d-flex icon align-items-center svg-size-18\"\n                        [src]=\"\n                            (isOpen | periodStatus: componentData)?.url || ''\n                        \"\n                    ></svg-icon>\n                    <span class=\"status-text text-color-black\">\n                        {{\n                            (isOpen | periodStatus: componentData)?.title ?? ''\n                        }}\n                    </span>\n                </span>\n            </div>\n            @if (type == 'OWNER') {\n                <div class=\"semi-div d-flex align-items-end\">\n                    <img\n                        class=\"img-frame-semi\"\n                        [src]=\"getSvgPath('semiTruck')\"\n                        alt=\"User Avatar\"\n                    />\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:96px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title d-flex align-items-center\">\n    @if (componentData) {\n        <div class=\"container_period_content_user d-flex align-items-center\">\n            @if (type !== 'OWNER') {\n                <div class=\"profile_image_holder\">\n                    <app-ca-profile-image\n                        [isRound]=\"false\"\n                        [isHoverEffect]=\"false\"\n                        [textShortName]=\"\n                            componentData.fullName | userNameInitials\n                        \"\n                        size=\"74\"\n                        height=\"82\"\n                        [fontSize]=\"'28'\"\n                        [avatarImg]=\"componentData.avatar!\"\n                    ></app-ca-profile-image>\n                </div>\n            }\n            <div\n                class=\"user-information d-flex flex-column justify-content-center\"\n            >\n                <span\n                    class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n                >\n                    {{ componentData.fullName }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n                >\n                    {{ componentData.payrollNumber }}\n                </span>\n                <span\n                    class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n                    [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n                >\n                    <svg-icon\n                        class=\"d-flex icon align-items-center svg-size-18\"\n                        [src]=\"\n                            (isOpen | periodStatus: componentData)?.url || ''\n                        \"\n                    ></svg-icon>\n                    <span class=\"status-text text-color-black user-select-none\">\n                        {{\n                            (isOpen | periodStatus: componentData)?.title ?? ''\n                        }}\n                    </span>\n                </span>\n            </div>\n            @if (type == 'OWNER') {\n                <div class=\"semi-div d-flex align-items-end\">\n                    <img\n                        class=\"img-frame-semi\"\n                        [src]=\"getSvgPath('semiTruck')\"\n                        alt=\"User Avatar\"\n                    />\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}@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}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:96px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"] }]
         }], propDecorators: { componentData: [{
                 type: Input
             }], type: [{
@@ -20736,7 +20736,7 @@ class CaPeriodContentComponent {
         this.openActionEditItems.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentComponent, isStandalone: true, selector: "app-ca-period-content", inputs: { isOpen: "isOpen", type: "type", componentData: "componentData" }, outputs: { reorderedDataEmiter: "reorderedDataEmiter", openModalEmiter: "openModalEmiter", openActionEditItems: "openActionEditItems", proccessPayroll: "proccessPayroll" }, providers: [FormatCurrencyPipe], ngImport: i0, template: "@if (componentData) {\n    <div class=\"main-container\">\n        <!-- User info -->\n        <app-ca-period-content-user-info\n            [componentData]=\"componentData\"\n            [type]=\"type\"\n            [isOpen]=\"isOpen\"\n        ></app-ca-period-content-user-info>\n\n        <!-- Bonues, salary... -->\n        <div class=\"payment-container d-flex flex-column align-items-center\">\n            <div\n                class=\"extra-info-holder d-flex flex-column align-items-center\"\n            >\n                @if (type === 'MILEAGE') {\n                    <div class=\"component-holder\">\n                        <app-ca-period-content-extra-info\n                            title=\"Mileage pay\"\n                            [amount]=\"componentData.mileagePay\"\n                        ></app-ca-period-content-extra-info>\n                        <app-ca-period-content-extra-info\n                            title=\"Extra stop\"\n                            [amount]=\"componentData.extraStopPay || 0\"\n                            [stopsCount]=\"componentData.extraStopCount\"\n                        ></app-ca-period-content-extra-info>\n                    </div>\n                }\n                @if (type === 'FLAT_RATE') {\n                    <ng-container #flatRate>\n                        <div class=\"component-holder\">\n                            <app-ca-period-content-extra-info\n                                title=\"Load pay\"\n                                [amount]=\"componentData?.flatPay\"\n                            ></app-ca-period-content-extra-info>\n                        </div>\n                    </ng-container>\n                }\n            </div>\n\n            <!-- BONUS -->\n            @if (type === 'MILEAGE' || type === 'FLAT_RATE') {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Bonus'\"\n                        [isOpen]=\"isOpen\"\n                        [included]=\"componentData?.includedBonuses!\"\n                        [excluded]=\"componentData?.excludedBonuses!\"\n                        [disableReorder]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <div\n                class=\"salary d-flex justify-content-between align-items-center\"\n            >\n                <span class=\"salary-title ca-font-extra-bold text-color-black\">\n                    SALARY\n                </span>\n                <span class=\"salary-value ca-font-bold text-color-black\">\n                    {{ componentData.salary! | formatCurrency }}\n                </span>\n            </div>\n\n            <!-- CREDIT -->\n            <div class=\"component-holder\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Credit'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedCredits!\"\n                    [excluded]=\"[]\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <!-- FUEL -->\n            @if (type === 'OWNER') {\n                <div class=\"component-holder\">\n                    <app-ca-period-content-payment\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Fuel'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        [included]=\"componentData?.includedFuels!\"\n                        [excluded]=\"componentData?.excludedFuels!\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- DEDUCTION -->\n            <div class=\"component-holder with-border-top\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Deduction'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedDeductions!\"\n                    [excluded]=\"componentData?.excludedDeductions!\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <div\n                class=\"earnings d-flex justify-content-between align-items-center\"\n            >\n                <span\n                    class=\"ca-font-extra-bold earnings-tlitle text-color-blue-13\"\n                >\n                    EARNINGS\n                </span>\n                @if (componentData) {\n                    <span class=\"ca-font-bold money text-color-blue-13\">\n                        {{ componentData!.earnings! | formatCurrency }}\n                    </span>\n                }\n            </div>\n\n            @if (componentData.payments) {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        [title]=\"'Transaction'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [included]=\"componentData.payments\"\n                        [excluded]=\"[]\"\n                        [hideTotal]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- PROCESS BUTTON -->\n            @if (componentData!.debt && !isOpen) {\n                <div\n                    class=\"earnings d-flex justify-content-between align-items-center debth\"\n                >\n                    <span\n                        class=\"ca-font-extra-bold earnings-tlitle text-color-red-11\"\n                    >\n                        DEBT\n                    </span>\n                    @if (componentData) {\n                        <span class=\"ca-font-bold money text-color-red-11\">\n                            {{ componentData!.debt! | formatCurrency }}\n                        </span>\n                    }\n                </div>\n            }\n\n            @if (isOpen) {\n                <div\n                    class=\"button-cnt process-btn d-flex justify-content-between align-items-center\"\n                >\n                    <button\n                        (click)=\"processPayment()\"\n                        class=\"earnings process-button ca-font-bold\"\n                        [class.incomplete-status]=\"\n                            componentData.payrollDeadLine?.period == 'Pending'\n                        \"\n                        [class]=\"{\n                            'text-color-blue-13':\n                                componentData.payrollDeadLine?.period ===\n                                'Pending',\n                            'text-color-white-2':\n                                componentData.payrollDeadLine?.period !==\n                                'Pending',\n                        }\"\n                    >\n                        {{\n                            componentData.payrollDeadLine?.period == 'Pending'\n                                ? 'Process Early'\n                                : 'Process'\n                        }}\n                    </button>\n                </div>\n            } @else {\n                @if (componentData.status?.id === 4) {\n                    <div\n                        [ngStyle]=\"{\n                            backgroundColor:\n                                componentData.status.id == 4\n                                    ? '#F7F7F7'\n                                    : '#FBE9E9',\n                            color:\n                                componentData.status.id == 4\n                                    ? '#259F94'\n                                    : '#DF3C3C',\n                        }\"\n                        class=\"earnings paid-in-full d-flex justify-content-between align-items-center\"\n                    >\n                        <span class=\"ca-font-extra-bold text-color-green-2\">\n                            PAID IN FULL\n                        </span>\n                        <span class=\"ca-font-bold money text-color-green-2\">\n                            {{ componentData!.earnings! | formatCurrency }}\n                        </span>\n                    </div>\n                }\n                @if (componentData.status?.id != 4) {\n                    <div\n                        class=\"button-cnt d-flex justify-content-between align-items-center\"\n                    >\n                        <button\n                            class=\"earnings process-button ca-font-bold\"\n                            (click)=\"addPayment()\"\n                        >\n                            Add payment\n                        </button>\n                    </div>\n                }\n            }\n\n            <!-- PROCESS BUTTON END -->\n        </div>\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{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container{background-color:#fff;border-radius:3px;max-width:320px}.main-container .payment-container{max-width:320px;font-family:Montserrat,sans-serif}.main-container .payment-container .component-holder{max-width:308px;width:100%}.main-container .payment-container .component-holder.with-border-top{border-top:1px solid #dadada}.main-container .payment-container .extra-info-holder{max-width:320px;width:100%}.main-container .payment-container .extra-info-holder .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .extra-info-holder .component-holder{max-width:308px;width:100%}.main-container .payment-container .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .mileage-pay{height:34px;gap:4px;padding:0 6px}.main-container .payment-container .mileage-pay .text-value{width:auto;height:26px;gap:4px}.main-container .payment-container .mileage-pay .text-value .payment-count{gap:4px;color:#424242}.main-container .payment-container .mileage-pay .text-value .payment-count .text{height:26px;width:auto}.main-container .payment-container .mileage-pay .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;line-height:18px;text-align:center}.main-container .payment-container .mileage-pay .text-value .value,.main-container .payment-container .mileage-pay .text-value .value .total-money-closed{height:26px;width:auto}.main-container .payment-container .salary-value{padding-right:4px}.main-container .payment-container .salary-title{padding-left:5px}.main-container .payment-container .salary,.main-container .payment-container .earnings{background-color:#f7f7f7;height:30px;width:100%;max-width:308px;border-radius:2px}.main-container .payment-container .salary .money,.main-container .payment-container .earnings .money{padding-right:6px}.main-container .payment-container .salary .earnings-tlitle,.main-container .payment-container .earnings .earnings-tlitle{margin-left:6px}.main-container .payment-container .salary.debth,.main-container .payment-container .earnings.debth{background-color:#fbe9e9}.main-container .payment-container .salary.debth .money,.main-container .payment-container .earnings.debth .money{color:#df3c3c}.main-container .payment-container .earnings{color:#6692f1}.main-container .payment-container .paid-in-full{color:#259f94}.main-container .payment-container .paid-in-full .ca-font-extra-bold{padding-left:6px}.main-container .payment-container .button-cnt{height:40px;width:100%;border-radius:2px;padding:5px 0}.main-container .payment-container .process-btn:hover .earnings{background-color:#dedede}.main-container .payment-container .process-button{background-color:#6692f1;border-radius:2px;border:none;color:#eee;transition:background-color .3s ease;height:32px}.main-container .payment-container .process-button.incomplete-status{background-color:#eee;color:#6692f1}.main-container .payment-container .process-button:not(.incomplete-status):hover{background-color:#3771ed;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentComponent, isStandalone: true, selector: "app-ca-period-content", inputs: { isOpen: "isOpen", type: "type", componentData: "componentData" }, outputs: { reorderedDataEmiter: "reorderedDataEmiter", openModalEmiter: "openModalEmiter", openActionEditItems: "openActionEditItems", proccessPayroll: "proccessPayroll" }, providers: [FormatCurrencyPipe], ngImport: i0, template: "@if (componentData) {\n    <div class=\"main-container\">\n        <!-- User info -->\n        <app-ca-period-content-user-info\n            [componentData]=\"componentData\"\n            [type]=\"type\"\n            [isOpen]=\"isOpen\"\n        ></app-ca-period-content-user-info>\n\n        <!-- Bonues, salary... -->\n        <div class=\"payment-container d-flex flex-column align-items-center\">\n            <div\n                class=\"extra-info-holder d-flex flex-column align-items-center\"\n            >\n                @if (type === 'MILEAGE') {\n                    <div class=\"component-holder\">\n                        <app-ca-period-content-extra-info\n                            title=\"Mileage pay\"\n                            [amount]=\"componentData.mileagePay\"\n                        ></app-ca-period-content-extra-info>\n                        <app-ca-period-content-extra-info\n                            title=\"Extra stop\"\n                            [amount]=\"componentData.extraStopPay || 0\"\n                            [stopsCount]=\"componentData.extraStopCount\"\n                        ></app-ca-period-content-extra-info>\n                    </div>\n                }\n                @if (type === 'FLAT_RATE') {\n                    <ng-container #flatRate>\n                        <div class=\"component-holder\">\n                            <app-ca-period-content-extra-info\n                                title=\"Load pay\"\n                                [amount]=\"componentData?.flatPay\"\n                            ></app-ca-period-content-extra-info>\n                        </div>\n                    </ng-container>\n                }\n            </div>\n\n            <!-- BONUS -->\n            @if (type === 'MILEAGE' || type === 'FLAT_RATE') {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Bonus'\"\n                        [isOpen]=\"isOpen\"\n                        [included]=\"componentData?.includedBonuses!\"\n                        [excluded]=\"componentData?.excludedBonuses!\"\n                        [disableReorder]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <div\n                class=\"salary d-flex justify-content-between align-items-center\"\n            >\n                <span class=\"salary-title ca-font-extra-bold text-color-black user-select-none\">\n                    SALARY\n                </span>\n                <span class=\"salary-value ca-font-bold text-color-black\">\n                    {{ componentData.salary! | formatCurrency }}\n                </span>\n            </div>\n\n            <!-- CREDIT -->\n            <div class=\"component-holder\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Credit'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedCredits!\"\n                    [excluded]=\"[]\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <!-- FUEL -->\n            @if (type === 'OWNER') {\n                <div class=\"component-holder\">\n                    <app-ca-period-content-payment\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Fuel'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        [included]=\"componentData?.includedFuels!\"\n                        [excluded]=\"componentData?.excludedFuels!\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- DEDUCTION -->\n            <div class=\"component-holder with-border-top\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Deduction'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedDeductions!\"\n                    [excluded]=\"componentData?.excludedDeductions!\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <div\n                class=\"earnings d-flex justify-content-between align-items-center\"\n            >\n                <span\n                    class=\"ca-font-extra-bold earnings-tlitle text-color-blue-13 user-select-none\"\n                >\n                    EARNINGS\n                </span>\n                @if (componentData) {\n                    <span class=\"ca-font-bold money text-color-blue-13\">\n                        {{ componentData!.earnings! | formatCurrency }}\n                    </span>\n                }\n            </div>\n\n            @if (componentData.payments) {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        [title]=\"'Transaction'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [included]=\"componentData.payments\"\n                        [excluded]=\"[]\"\n                        [hideTotal]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- PROCESS BUTTON -->\n            @if (componentData!.debt && !isOpen) {\n                <div\n                    class=\"earnings d-flex justify-content-between align-items-center debth\"\n                >\n                    <span\n                        class=\"ca-font-extra-bold earnings-tlitle text-color-red-11 user-select-none\"\n                    >\n                        DEBT\n                    </span>\n                    @if (componentData) {\n                        <span class=\"ca-font-bold money text-color-red-11\">\n                            {{ componentData!.debt! | formatCurrency }}\n                        </span>\n                    }\n                </div>\n            }\n\n            @if (isOpen) {\n                <div\n                    class=\"button-cnt process-btn d-flex justify-content-between align-items-center\"\n                >\n                    <button\n                        (click)=\"processPayment()\"\n                        class=\"earnings process-button ca-font-bold user-select-none\"\n                        [class.incomplete-status]=\"\n                            componentData.payrollDeadLine?.period == 'Pending'\n                        \"\n                        [class]=\"{\n                            'text-color-blue-13':\n                                componentData.payrollDeadLine?.period ===\n                                'Pending',\n                            'text-color-white-2':\n                                componentData.payrollDeadLine?.period !==\n                                'Pending',\n                        }\"\n                    >\n                        {{\n                            componentData.payrollDeadLine?.period == 'Pending'\n                                ? 'Process Early'\n                                : 'Process'\n                        }}\n                    </button>\n                </div>\n            } @else {\n                @if (componentData.status?.id === 4) {\n                    <div\n                        [ngStyle]=\"{\n                            backgroundColor:\n                                componentData.status.id == 4\n                                    ? '#F7F7F7'\n                                    : '#FBE9E9',\n                            color:\n                                componentData.status.id == 4\n                                    ? '#259F94'\n                                    : '#DF3C3C',\n                        }\"\n                        class=\"earnings paid-in-full d-flex justify-content-between align-items-center\"\n                    >\n                        <span class=\"ca-font-extra-bold text-color-green-2 user-select-none\">\n                            PAID IN FULL\n                        </span>\n                        <span class=\"ca-font-bold money text-color-green-2\">\n                            {{ componentData!.earnings! | formatCurrency }}\n                        </span>\n                    </div>\n                }\n                @if (componentData.status?.id != 4) {\n                    <div\n                        class=\"button-cnt d-flex justify-content-between align-items-center\"\n                    >\n                        <button\n                            class=\"earnings process-button ca-font-bold user-select-none\"\n                            (click)=\"addPayment()\"\n                        >\n                            Add payment\n                        </button>\n                    </div>\n                }\n            }\n\n            <!-- PROCESS BUTTON END -->\n        </div>\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{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container{background-color:#fff;border-radius:3px;max-width:320px}.main-container .payment-container{max-width:320px;font-family:Montserrat,sans-serif}.main-container .payment-container .component-holder{max-width:308px;width:100%}.main-container .payment-container .component-holder.with-border-top{border-top:1px solid #dadada}.main-container .payment-container .extra-info-holder{max-width:320px;width:100%}.main-container .payment-container .extra-info-holder .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .extra-info-holder .component-holder{max-width:308px;width:100%}.main-container .payment-container .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .mileage-pay{height:34px;gap:4px;padding:0 6px}.main-container .payment-container .mileage-pay .text-value{width:auto;height:26px;gap:4px}.main-container .payment-container .mileage-pay .text-value .payment-count{gap:4px;color:#424242}.main-container .payment-container .mileage-pay .text-value .payment-count .text{height:26px;width:auto}.main-container .payment-container .mileage-pay .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;line-height:18px;text-align:center}.main-container .payment-container .mileage-pay .text-value .value,.main-container .payment-container .mileage-pay .text-value .value .total-money-closed{height:26px;width:auto}.main-container .payment-container .salary-value{padding-right:4px}.main-container .payment-container .salary-title{padding-left:5px}.main-container .payment-container .salary,.main-container .payment-container .earnings{background-color:#f7f7f7;height:30px;width:100%;max-width:308px;border-radius:2px}.main-container .payment-container .salary .money,.main-container .payment-container .earnings .money{padding-right:6px}.main-container .payment-container .salary .earnings-tlitle,.main-container .payment-container .earnings .earnings-tlitle{margin-left:6px}.main-container .payment-container .salary.debth,.main-container .payment-container .earnings.debth{background-color:#fbe9e9}.main-container .payment-container .salary.debth .money,.main-container .payment-container .earnings.debth .money{color:#df3c3c}.main-container .payment-container .earnings{color:#6692f1}.main-container .payment-container .paid-in-full{color:#259f94}.main-container .payment-container .paid-in-full .ca-font-extra-bold{padding-left:6px}.main-container .payment-container .button-cnt{height:40px;width:100%;border-radius:2px;padding:5px 0}.main-container .payment-container .process-btn:hover .earnings{background-color:#dedede}.main-container .payment-container .process-button{background-color:#6692f1;border-radius:2px;border:none;color:#eee;transition:background-color .3s ease;height:32px}.main-container .payment-container .process-button.incomplete-status{background-color:#eee;color:#6692f1}.main-container .payment-container .process-button:not(.incomplete-status):hover{background-color:#3771ed;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: 
                 //Modules
                 CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
                 //Components
@@ -20756,7 +20756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaPeriodContentExtraInfoComponent,
                         //pipes
                         FormatCurrencyPipe,
-                    ], encapsulation: ViewEncapsulation.ShadowDom, template: "@if (componentData) {\n    <div class=\"main-container\">\n        <!-- User info -->\n        <app-ca-period-content-user-info\n            [componentData]=\"componentData\"\n            [type]=\"type\"\n            [isOpen]=\"isOpen\"\n        ></app-ca-period-content-user-info>\n\n        <!-- Bonues, salary... -->\n        <div class=\"payment-container d-flex flex-column align-items-center\">\n            <div\n                class=\"extra-info-holder d-flex flex-column align-items-center\"\n            >\n                @if (type === 'MILEAGE') {\n                    <div class=\"component-holder\">\n                        <app-ca-period-content-extra-info\n                            title=\"Mileage pay\"\n                            [amount]=\"componentData.mileagePay\"\n                        ></app-ca-period-content-extra-info>\n                        <app-ca-period-content-extra-info\n                            title=\"Extra stop\"\n                            [amount]=\"componentData.extraStopPay || 0\"\n                            [stopsCount]=\"componentData.extraStopCount\"\n                        ></app-ca-period-content-extra-info>\n                    </div>\n                }\n                @if (type === 'FLAT_RATE') {\n                    <ng-container #flatRate>\n                        <div class=\"component-holder\">\n                            <app-ca-period-content-extra-info\n                                title=\"Load pay\"\n                                [amount]=\"componentData?.flatPay\"\n                            ></app-ca-period-content-extra-info>\n                        </div>\n                    </ng-container>\n                }\n            </div>\n\n            <!-- BONUS -->\n            @if (type === 'MILEAGE' || type === 'FLAT_RATE') {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Bonus'\"\n                        [isOpen]=\"isOpen\"\n                        [included]=\"componentData?.includedBonuses!\"\n                        [excluded]=\"componentData?.excludedBonuses!\"\n                        [disableReorder]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <div\n                class=\"salary d-flex justify-content-between align-items-center\"\n            >\n                <span class=\"salary-title ca-font-extra-bold text-color-black\">\n                    SALARY\n                </span>\n                <span class=\"salary-value ca-font-bold text-color-black\">\n                    {{ componentData.salary! | formatCurrency }}\n                </span>\n            </div>\n\n            <!-- CREDIT -->\n            <div class=\"component-holder\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Credit'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedCredits!\"\n                    [excluded]=\"[]\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <!-- FUEL -->\n            @if (type === 'OWNER') {\n                <div class=\"component-holder\">\n                    <app-ca-period-content-payment\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Fuel'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        [included]=\"componentData?.includedFuels!\"\n                        [excluded]=\"componentData?.excludedFuels!\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- DEDUCTION -->\n            <div class=\"component-holder with-border-top\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Deduction'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedDeductions!\"\n                    [excluded]=\"componentData?.excludedDeductions!\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <div\n                class=\"earnings d-flex justify-content-between align-items-center\"\n            >\n                <span\n                    class=\"ca-font-extra-bold earnings-tlitle text-color-blue-13\"\n                >\n                    EARNINGS\n                </span>\n                @if (componentData) {\n                    <span class=\"ca-font-bold money text-color-blue-13\">\n                        {{ componentData!.earnings! | formatCurrency }}\n                    </span>\n                }\n            </div>\n\n            @if (componentData.payments) {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        [title]=\"'Transaction'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [included]=\"componentData.payments\"\n                        [excluded]=\"[]\"\n                        [hideTotal]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- PROCESS BUTTON -->\n            @if (componentData!.debt && !isOpen) {\n                <div\n                    class=\"earnings d-flex justify-content-between align-items-center debth\"\n                >\n                    <span\n                        class=\"ca-font-extra-bold earnings-tlitle text-color-red-11\"\n                    >\n                        DEBT\n                    </span>\n                    @if (componentData) {\n                        <span class=\"ca-font-bold money text-color-red-11\">\n                            {{ componentData!.debt! | formatCurrency }}\n                        </span>\n                    }\n                </div>\n            }\n\n            @if (isOpen) {\n                <div\n                    class=\"button-cnt process-btn d-flex justify-content-between align-items-center\"\n                >\n                    <button\n                        (click)=\"processPayment()\"\n                        class=\"earnings process-button ca-font-bold\"\n                        [class.incomplete-status]=\"\n                            componentData.payrollDeadLine?.period == 'Pending'\n                        \"\n                        [class]=\"{\n                            'text-color-blue-13':\n                                componentData.payrollDeadLine?.period ===\n                                'Pending',\n                            'text-color-white-2':\n                                componentData.payrollDeadLine?.period !==\n                                'Pending',\n                        }\"\n                    >\n                        {{\n                            componentData.payrollDeadLine?.period == 'Pending'\n                                ? 'Process Early'\n                                : 'Process'\n                        }}\n                    </button>\n                </div>\n            } @else {\n                @if (componentData.status?.id === 4) {\n                    <div\n                        [ngStyle]=\"{\n                            backgroundColor:\n                                componentData.status.id == 4\n                                    ? '#F7F7F7'\n                                    : '#FBE9E9',\n                            color:\n                                componentData.status.id == 4\n                                    ? '#259F94'\n                                    : '#DF3C3C',\n                        }\"\n                        class=\"earnings paid-in-full d-flex justify-content-between align-items-center\"\n                    >\n                        <span class=\"ca-font-extra-bold text-color-green-2\">\n                            PAID IN FULL\n                        </span>\n                        <span class=\"ca-font-bold money text-color-green-2\">\n                            {{ componentData!.earnings! | formatCurrency }}\n                        </span>\n                    </div>\n                }\n                @if (componentData.status?.id != 4) {\n                    <div\n                        class=\"button-cnt d-flex justify-content-between align-items-center\"\n                    >\n                        <button\n                            class=\"earnings process-button ca-font-bold\"\n                            (click)=\"addPayment()\"\n                        >\n                            Add payment\n                        </button>\n                    </div>\n                }\n            }\n\n            <!-- PROCESS BUTTON END -->\n        </div>\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{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container{background-color:#fff;border-radius:3px;max-width:320px}.main-container .payment-container{max-width:320px;font-family:Montserrat,sans-serif}.main-container .payment-container .component-holder{max-width:308px;width:100%}.main-container .payment-container .component-holder.with-border-top{border-top:1px solid #dadada}.main-container .payment-container .extra-info-holder{max-width:320px;width:100%}.main-container .payment-container .extra-info-holder .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .extra-info-holder .component-holder{max-width:308px;width:100%}.main-container .payment-container .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .mileage-pay{height:34px;gap:4px;padding:0 6px}.main-container .payment-container .mileage-pay .text-value{width:auto;height:26px;gap:4px}.main-container .payment-container .mileage-pay .text-value .payment-count{gap:4px;color:#424242}.main-container .payment-container .mileage-pay .text-value .payment-count .text{height:26px;width:auto}.main-container .payment-container .mileage-pay .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;line-height:18px;text-align:center}.main-container .payment-container .mileage-pay .text-value .value,.main-container .payment-container .mileage-pay .text-value .value .total-money-closed{height:26px;width:auto}.main-container .payment-container .salary-value{padding-right:4px}.main-container .payment-container .salary-title{padding-left:5px}.main-container .payment-container .salary,.main-container .payment-container .earnings{background-color:#f7f7f7;height:30px;width:100%;max-width:308px;border-radius:2px}.main-container .payment-container .salary .money,.main-container .payment-container .earnings .money{padding-right:6px}.main-container .payment-container .salary .earnings-tlitle,.main-container .payment-container .earnings .earnings-tlitle{margin-left:6px}.main-container .payment-container .salary.debth,.main-container .payment-container .earnings.debth{background-color:#fbe9e9}.main-container .payment-container .salary.debth .money,.main-container .payment-container .earnings.debth .money{color:#df3c3c}.main-container .payment-container .earnings{color:#6692f1}.main-container .payment-container .paid-in-full{color:#259f94}.main-container .payment-container .paid-in-full .ca-font-extra-bold{padding-left:6px}.main-container .payment-container .button-cnt{height:40px;width:100%;border-radius:2px;padding:5px 0}.main-container .payment-container .process-btn:hover .earnings{background-color:#dedede}.main-container .payment-container .process-button{background-color:#6692f1;border-radius:2px;border:none;color:#eee;transition:background-color .3s ease;height:32px}.main-container .payment-container .process-button.incomplete-status{background-color:#eee;color:#6692f1}.main-container .payment-container .process-button:not(.incomplete-status):hover{background-color:#3771ed;cursor:pointer}\n"] }]
+                    ], encapsulation: ViewEncapsulation.ShadowDom, template: "@if (componentData) {\n    <div class=\"main-container\">\n        <!-- User info -->\n        <app-ca-period-content-user-info\n            [componentData]=\"componentData\"\n            [type]=\"type\"\n            [isOpen]=\"isOpen\"\n        ></app-ca-period-content-user-info>\n\n        <!-- Bonues, salary... -->\n        <div class=\"payment-container d-flex flex-column align-items-center\">\n            <div\n                class=\"extra-info-holder d-flex flex-column align-items-center\"\n            >\n                @if (type === 'MILEAGE') {\n                    <div class=\"component-holder\">\n                        <app-ca-period-content-extra-info\n                            title=\"Mileage pay\"\n                            [amount]=\"componentData.mileagePay\"\n                        ></app-ca-period-content-extra-info>\n                        <app-ca-period-content-extra-info\n                            title=\"Extra stop\"\n                            [amount]=\"componentData.extraStopPay || 0\"\n                            [stopsCount]=\"componentData.extraStopCount\"\n                        ></app-ca-period-content-extra-info>\n                    </div>\n                }\n                @if (type === 'FLAT_RATE') {\n                    <ng-container #flatRate>\n                        <div class=\"component-holder\">\n                            <app-ca-period-content-extra-info\n                                title=\"Load pay\"\n                                [amount]=\"componentData?.flatPay\"\n                            ></app-ca-period-content-extra-info>\n                        </div>\n                    </ng-container>\n                }\n            </div>\n\n            <!-- BONUS -->\n            @if (type === 'MILEAGE' || type === 'FLAT_RATE') {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Bonus'\"\n                        [isOpen]=\"isOpen\"\n                        [included]=\"componentData?.includedBonuses!\"\n                        [excluded]=\"componentData?.excludedBonuses!\"\n                        [disableReorder]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <div\n                class=\"salary d-flex justify-content-between align-items-center\"\n            >\n                <span class=\"salary-title ca-font-extra-bold text-color-black user-select-none\">\n                    SALARY\n                </span>\n                <span class=\"salary-value ca-font-bold text-color-black\">\n                    {{ componentData.salary! | formatCurrency }}\n                </span>\n            </div>\n\n            <!-- CREDIT -->\n            <div class=\"component-holder\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Credit'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedCredits!\"\n                    [excluded]=\"[]\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <!-- FUEL -->\n            @if (type === 'OWNER') {\n                <div class=\"component-holder\">\n                    <app-ca-period-content-payment\n                        (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [title]=\"'Fuel'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        [included]=\"componentData?.includedFuels!\"\n                        [excluded]=\"componentData?.excludedFuels!\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- DEDUCTION -->\n            <div class=\"component-holder with-border-top\">\n                <app-ca-period-content-payment\n                    (openAddNewModalEmiter)=\"openAddNewModal($event)\"\n                    (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                    [title]=\"'Deduction'\"\n                    [isOpen]=\"isOpen\"\n                    (reorderedDataEmiter)=\"getReorderedData($event)\"\n                    [included]=\"componentData?.includedDeductions!\"\n                    [excluded]=\"componentData?.excludedDeductions!\"\n                ></app-ca-period-content-payment>\n            </div>\n\n            <div\n                class=\"earnings d-flex justify-content-between align-items-center\"\n            >\n                <span\n                    class=\"ca-font-extra-bold earnings-tlitle text-color-blue-13 user-select-none\"\n                >\n                    EARNINGS\n                </span>\n                @if (componentData) {\n                    <span class=\"ca-font-bold money text-color-blue-13\">\n                        {{ componentData!.earnings! | formatCurrency }}\n                    </span>\n                }\n            </div>\n\n            @if (componentData.payments) {\n                <div class=\"component-holder with-border-top\">\n                    <app-ca-period-content-payment\n                        [title]=\"'Transaction'\"\n                        [isOpen]=\"isOpen\"\n                        (reorderedDataEmiter)=\"getReorderedData($event)\"\n                        (openEditEntryItem)=\"handleOpenEditEntryItem($event)\"\n                        [included]=\"componentData.payments\"\n                        [excluded]=\"[]\"\n                        [hideTotal]=\"true\"\n                    ></app-ca-period-content-payment>\n                </div>\n            }\n\n            <!-- PROCESS BUTTON -->\n            @if (componentData!.debt && !isOpen) {\n                <div\n                    class=\"earnings d-flex justify-content-between align-items-center debth\"\n                >\n                    <span\n                        class=\"ca-font-extra-bold earnings-tlitle text-color-red-11 user-select-none\"\n                    >\n                        DEBT\n                    </span>\n                    @if (componentData) {\n                        <span class=\"ca-font-bold money text-color-red-11\">\n                            {{ componentData!.debt! | formatCurrency }}\n                        </span>\n                    }\n                </div>\n            }\n\n            @if (isOpen) {\n                <div\n                    class=\"button-cnt process-btn d-flex justify-content-between align-items-center\"\n                >\n                    <button\n                        (click)=\"processPayment()\"\n                        class=\"earnings process-button ca-font-bold user-select-none\"\n                        [class.incomplete-status]=\"\n                            componentData.payrollDeadLine?.period == 'Pending'\n                        \"\n                        [class]=\"{\n                            'text-color-blue-13':\n                                componentData.payrollDeadLine?.period ===\n                                'Pending',\n                            'text-color-white-2':\n                                componentData.payrollDeadLine?.period !==\n                                'Pending',\n                        }\"\n                    >\n                        {{\n                            componentData.payrollDeadLine?.period == 'Pending'\n                                ? 'Process Early'\n                                : 'Process'\n                        }}\n                    </button>\n                </div>\n            } @else {\n                @if (componentData.status?.id === 4) {\n                    <div\n                        [ngStyle]=\"{\n                            backgroundColor:\n                                componentData.status.id == 4\n                                    ? '#F7F7F7'\n                                    : '#FBE9E9',\n                            color:\n                                componentData.status.id == 4\n                                    ? '#259F94'\n                                    : '#DF3C3C',\n                        }\"\n                        class=\"earnings paid-in-full d-flex justify-content-between align-items-center\"\n                    >\n                        <span class=\"ca-font-extra-bold text-color-green-2 user-select-none\">\n                            PAID IN FULL\n                        </span>\n                        <span class=\"ca-font-bold money text-color-green-2\">\n                            {{ componentData!.earnings! | formatCurrency }}\n                        </span>\n                    </div>\n                }\n                @if (componentData.status?.id != 4) {\n                    <div\n                        class=\"button-cnt d-flex justify-content-between align-items-center\"\n                    >\n                        <button\n                            class=\"earnings process-button ca-font-bold user-select-none\"\n                            (click)=\"addPayment()\"\n                        >\n                            Add payment\n                        </button>\n                    </div>\n                }\n            }\n\n            <!-- PROCESS BUTTON END -->\n        </div>\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{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-3px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-12{background-color:#eee}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14,.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-dark-2{background-color:#91919133}.background-red-19{background-color:#df3d85}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:2px}.w-1{width:1px}.h-1{height:1px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container{background-color:#fff;border-radius:3px;max-width:320px}.main-container .payment-container{max-width:320px;font-family:Montserrat,sans-serif}.main-container .payment-container .component-holder{max-width:308px;width:100%}.main-container .payment-container .component-holder.with-border-top{border-top:1px solid #dadada}.main-container .payment-container .extra-info-holder{max-width:320px;width:100%}.main-container .payment-container .extra-info-holder .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .extra-info-holder .component-holder{max-width:308px;width:100%}.main-container .payment-container .divider-custom{max-width:296px;height:8px;border-top:solid 2px #dadada}.main-container .payment-container .mileage-pay{height:34px;gap:4px;padding:0 6px}.main-container .payment-container .mileage-pay .text-value{width:auto;height:26px;gap:4px}.main-container .payment-container .mileage-pay .text-value .payment-count{gap:4px;color:#424242}.main-container .payment-container .mileage-pay .text-value .payment-count .text{height:26px;width:auto}.main-container .payment-container .mileage-pay .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;line-height:18px;text-align:center}.main-container .payment-container .mileage-pay .text-value .value,.main-container .payment-container .mileage-pay .text-value .value .total-money-closed{height:26px;width:auto}.main-container .payment-container .salary-value{padding-right:4px}.main-container .payment-container .salary-title{padding-left:5px}.main-container .payment-container .salary,.main-container .payment-container .earnings{background-color:#f7f7f7;height:30px;width:100%;max-width:308px;border-radius:2px}.main-container .payment-container .salary .money,.main-container .payment-container .earnings .money{padding-right:6px}.main-container .payment-container .salary .earnings-tlitle,.main-container .payment-container .earnings .earnings-tlitle{margin-left:6px}.main-container .payment-container .salary.debth,.main-container .payment-container .earnings.debth{background-color:#fbe9e9}.main-container .payment-container .salary.debth .money,.main-container .payment-container .earnings.debth .money{color:#df3c3c}.main-container .payment-container .earnings{color:#6692f1}.main-container .payment-container .paid-in-full{color:#259f94}.main-container .payment-container .paid-in-full .ca-font-extra-bold{padding-left:6px}.main-container .payment-container .button-cnt{height:40px;width:100%;border-radius:2px;padding:5px 0}.main-container .payment-container .process-btn:hover .earnings{background-color:#dedede}.main-container .payment-container .process-button{background-color:#6692f1;border-radius:2px;border:none;color:#eee;transition:background-color .3s ease;height:32px}.main-container .payment-container .process-button.incomplete-status{background-color:#eee;color:#6692f1}.main-container .payment-container .process-button:not(.incomplete-status):hover{background-color:#3771ed;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isOpen: [{
                 type: Input
             }], type: [{
@@ -21253,11 +21253,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 // progress-width.pipe.ts
 class ProgressExpirationWidthPipe {
     transform(expireDate, startDate, completedDate) {
-        const today = moment__default();
-        const expireMoment = moment__default(expireDate);
-        const completedMoment = completedDate ? moment__default(completedDate) : null;
-        const startTaskDate = moment__default(startDate);
-        const totalDays = expireMoment.diff(moment__default(startTaskDate), 'days');
+        const today = moment();
+        const expireMoment = moment(expireDate);
+        const completedMoment = completedDate ? moment(completedDate) : null;
+        const startTaskDate = moment(startDate);
+        const totalDays = expireMoment.diff(moment(startTaskDate), 'days');
         const daysLeft = expireMoment.diff(today, 'days');
         const diffTotalandDay = totalDays - daysLeft;
         let percentage;
@@ -21278,7 +21278,7 @@ class ProgressExpirationWidthPipe {
             }
         }
         else {
-            const timeDifference = today.diff(moment__default(), 'hours');
+            const timeDifference = today.diff(moment(), 'hours');
             if (timeDifference > 0) {
                 const daysProgress = totalDays !== 0 ? (1 / totalDays) * 100 : (1 / 365) * 100;
                 percentage = daysProgress / (24 / timeDifference);
@@ -21326,11 +21326,11 @@ class TimeFormatPipe {
         if (!expireDate) {
             return 'Invalid date';
         }
-        const expireMoment = moment__default(expireDate).utc();
+        const expireMoment = moment(expireDate).utc();
         if (!expireMoment.isValid()) {
             return 'Invalid date';
         }
-        const now = moment__default().utc();
+        const now = moment().utc();
         const daysUntilExpiration = expireMoment.diff(now, 'days');
         const hoursUntilExpiration = expireMoment.diff(now, 'hours');
         if (daysUntilExpiration > 1) {
@@ -21447,19 +21447,19 @@ class ProgressExpirationHelper {
     // total days between start, expire, and optionally completed date
     static calculateTotalDays(startDate, expireDate, completedDate) {
         if (completedDate) {
-            return moment__default
+            return moment
                 .utc(expireDate)
-                .diff(moment__default.utc(completedDate), TimeUnits.DAYS);
+                .diff(moment.utc(completedDate), TimeUnits.DAYS);
         }
         else {
-            return moment__default.utc(expireDate).diff(moment__default.utc(startDate), TimeUnits.DAYS);
+            return moment.utc(expireDate).diff(moment.utc(startDate), TimeUnits.DAYS);
         }
     }
     // Left days
     static calculateLeftDays(expireDate, completedDate) {
-        const today = moment__default().utc();
-        const expireMoment = moment__default.utc(expireDate);
-        const completedMoment = completedDate ? moment__default.utc(completedDate) : null;
+        const today = moment().utc();
+        const expireMoment = moment.utc(expireDate);
+        const completedMoment = completedDate ? moment.utc(completedDate) : null;
         if (completedMoment && completedMoment.isBefore(expireMoment)) {
             return expireMoment.diff(completedMoment, TimeUnits.DAYS);
         }
@@ -21473,8 +21473,8 @@ class ProgressExpirationHelper {
     }
     // Hours between start and expire date
     static calculateHours(expireDate, startDate) {
-        const startDay = moment__default(startDate);
-        const expireDay = moment__default(expireDate);
+        const startDay = moment(startDate);
+        const expireDay = moment(expireDate);
         return expireDay.diff(startDay, TimeUnits.HOURS);
     }
     // The number of days in the current month
@@ -21537,19 +21537,19 @@ class CaProgressExpirationComponent {
         let after = '';
         let days = '';
         if (data.template === 'location') {
-            const now = moment__default().utc();
-            const expireDate = moment__default(data.expireDate).utc();
+            const now = moment().utc();
+            const expireDate = moment(data.expireDate).utc();
             const daysUntilExpiration = expireDate.diff(now, 'days');
             before = daysUntilExpiration <= 7 ? 'Weekly Rent' : 'Monthly Rent';
         }
         else if (data.completedDate) {
-            if (moment__default(data.completedDate).utc().isBefore(data.expireDate)) {
+            if (moment(data.completedDate).utc().isBefore(data.expireDate)) {
                 before = 'Completed';
                 after = `before deadline`;
                 this.progressBackgroundColor =
                     ProgressExpirationConstants.ProgressExpirationColors['IN_TIME_DURATION'];
             }
-            else if (moment__default(data.completedDate).utc().isSame(data.expireDate)) {
+            else if (moment(data.completedDate).utc().isSame(data.expireDate)) {
                 before = 'Completed';
                 this.progressBackgroundColor =
                     ProgressExpirationConstants.ProgressExpirationColors['IN_TIME_DURATION'];
@@ -21563,13 +21563,13 @@ class CaProgressExpirationComponent {
         }
         else {
             if (data.template === 'todo-list') {
-                before = moment__default(data.expireDate).utc().isAfter(moment__default().utc())
+                before = moment(data.expireDate).utc().isAfter(moment().utc())
                     ? 'Deadline in'
                     : 'Deadline was';
                 after = before === 'Deadline in' ? '' : 'ago';
             }
             else {
-                before = moment__default(data.expireDate).utc().isAfter(moment__default().utc())
+                before = moment(data.expireDate).utc().isAfter(moment().utc())
                     ? 'Exp. in'
                     : 'Exp. was';
                 after = before === 'Exp. in' ? '' : 'ago';
@@ -24075,7 +24075,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: "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: "<!-- Main Table -->\n@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\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                @let filteredColumns =\n                    columns | caMainTableHiddenRows: hideFieldsToHide;\n                @for (col of filteredColumns; let indx = $index; track indx) {\n                    <div\n                        cdkDragLockAxis=\"x\"\n                        cdkDrag\n                        cdkDragPreviewContainer=\"parent\"\n                        class=\"cdk_th_div table-tr\"\n                        [class]=\"col.cellCustomClasses\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                headerThTemplate;\n                                context: { $implicit: col, index: indx }\n                            \"\n                        ></ng-container>\n                    </div>\n                }\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                @if (row.rowType === '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                } @else {\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                    >\n                        @for (\n                            (col of columns | caMainTableHiddenRows: hideFieldsToHide);\n                            track $index\n                        ) {\n                            <td [class]=\"col.cellCustomClasses\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowTemplate;\n                                        context: {\n                                            row: row,\n                                            col: col,\n                                            index: rowIndex,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </td>\n                        }\n                    </tr>\n                }\n            }\n        </tbody>\n    </table>\n</div>\n\n<!-- Header Template -->\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n    <th>\n        @switch (col.headerCellType) {\n            @case ('template') {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        col.headerTemplate;\n                        context: { $implicit: col.header, index: indx }\n                    \"\n                ></ng-container>\n            }\n            @default {\n                <div class=\"th-content-container text-color-bw6-2\">\n                    {{ col.header }}\n                </div>\n            }\n        }\n    </th>\n</ng-template>\n\n<!-- Row Template -->\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            @switch (col.cellType) {\n                @case ('template') {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            col.template;\n                            context: {\n                                $implicit: col.row ? row : row[col.field],\n                                index: index,\n                                field: col.field,\n                            }\n                        \"\n                    ></ng-container>\n                }\n                @case ('component') {\n                    <ng-container\n                        *ngComponentOutlet=\"\n                            col.component;\n                            injector: createInjector(col.inputs)\n                        \"\n                    ></ng-container>\n                }\n                @default {\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                }\n            }\n        </div>\n    </div>\n</ng-template>\n\n<!-- Default Text Template -->\n<ng-template #customTextTemplate let-data let-index>\n    @switch (data.pipeType) {\n        @case ('date') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | date: data.pipeString }}\n            </div>\n        }\n        @case ('currency') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | currency: data.pipeString }}\n            </div>\n        }\n        @default {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field }}\n            </div>\n        }\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}}.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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "<!-- Main Table -->\n@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\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                @let filteredColumns =\n                    columns | caMainTableHiddenRows: hideFieldsToHide;\n                @for (col of filteredColumns; let indx = $index; track indx) {\n                    <div\n                        cdkDragLockAxis=\"x\"\n                        cdkDrag\n                        cdkDragPreviewContainer=\"parent\"\n                        class=\"cdk_th_div table-tr\"\n                        [class]=\"col.cellCustomClasses\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                headerThTemplate;\n                                context: { $implicit: col, index: indx }\n                            \"\n                        ></ng-container>\n                    </div>\n                }\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                @if (row.rowType === '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                } @else {\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                    >\n                        @for (\n                            (col of columns | caMainTableHiddenRows: hideFieldsToHide);\n                            track $index\n                        ) {\n                            <td [class]=\"col.cellCustomClasses\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowTemplate;\n                                        context: {\n                                            row: row,\n                                            col: col,\n                                            index: rowIndex,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </td>\n                        }\n                    </tr>\n                }\n            }\n        </tbody>\n    </table>\n</div>\n\n<!-- Header Template -->\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n    <th>\n        @switch (col.headerCellType) {\n            @case ('template') {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        col.headerTemplate;\n                        context: { $implicit: col.header, index: indx }\n                    \"\n                ></ng-container>\n            }\n            @default {\n                <div class=\"th-content-container text-color-bw6-2 user-select-none\">\n                    {{ col.header }}\n                </div>\n            }\n        }\n    </th>\n</ng-template>\n\n<!-- Row Template -->\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            @switch (col.cellType) {\n                @case ('template') {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            col.template;\n                            context: {\n                                $implicit: col.row ? row : row[col.field],\n                                index: index,\n                                field: col.field,\n                            }\n                        \"\n                    ></ng-container>\n                }\n                @case ('component') {\n                    <ng-container\n                        *ngComponentOutlet=\"\n                            col.component;\n                            injector: createInjector(col.inputs)\n                        \"\n                    ></ng-container>\n                }\n                @default {\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                }\n            }\n        </div>\n    </div>\n</ng-template>\n\n<!-- Default Text Template -->\n<ng-template #customTextTemplate let-data let-index>\n    @switch (data.pipeType) {\n        @case ('date') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | date: data.pipeString }}\n            </div>\n        }\n        @case ('currency') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | currency: data.pipeString }}\n            </div>\n        }\n        @default {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field }}\n            </div>\n        }\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}}.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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMainTableComponent, decorators: [{
             type: Component,
@@ -24088,7 +24088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ScrollingModule,
                         CaMainTableHiddenRowsPipe,
                         RowClassPipe,
-                    ], encapsulation: ViewEncapsulation.ShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Main Table -->\n@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\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                @let filteredColumns =\n                    columns | caMainTableHiddenRows: hideFieldsToHide;\n                @for (col of filteredColumns; let indx = $index; track indx) {\n                    <div\n                        cdkDragLockAxis=\"x\"\n                        cdkDrag\n                        cdkDragPreviewContainer=\"parent\"\n                        class=\"cdk_th_div table-tr\"\n                        [class]=\"col.cellCustomClasses\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                headerThTemplate;\n                                context: { $implicit: col, index: indx }\n                            \"\n                        ></ng-container>\n                    </div>\n                }\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                @if (row.rowType === '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                } @else {\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                    >\n                        @for (\n                            (col of columns | caMainTableHiddenRows: hideFieldsToHide);\n                            track $index\n                        ) {\n                            <td [class]=\"col.cellCustomClasses\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowTemplate;\n                                        context: {\n                                            row: row,\n                                            col: col,\n                                            index: rowIndex,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </td>\n                        }\n                    </tr>\n                }\n            }\n        </tbody>\n    </table>\n</div>\n\n<!-- Header Template -->\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n    <th>\n        @switch (col.headerCellType) {\n            @case ('template') {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        col.headerTemplate;\n                        context: { $implicit: col.header, index: indx }\n                    \"\n                ></ng-container>\n            }\n            @default {\n                <div class=\"th-content-container text-color-bw6-2\">\n                    {{ col.header }}\n                </div>\n            }\n        }\n    </th>\n</ng-template>\n\n<!-- Row Template -->\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            @switch (col.cellType) {\n                @case ('template') {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            col.template;\n                            context: {\n                                $implicit: col.row ? row : row[col.field],\n                                index: index,\n                                field: col.field,\n                            }\n                        \"\n                    ></ng-container>\n                }\n                @case ('component') {\n                    <ng-container\n                        *ngComponentOutlet=\"\n                            col.component;\n                            injector: createInjector(col.inputs)\n                        \"\n                    ></ng-container>\n                }\n                @default {\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                }\n            }\n        </div>\n    </div>\n</ng-template>\n\n<!-- Default Text Template -->\n<ng-template #customTextTemplate let-data let-index>\n    @switch (data.pipeType) {\n        @case ('date') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | date: data.pipeString }}\n            </div>\n        }\n        @case ('currency') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | currency: data.pipeString }}\n            </div>\n        }\n        @default {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field }}\n            </div>\n        }\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}}.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"] }]
+                    ], encapsulation: ViewEncapsulation.ShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Main Table -->\n@let tableData = data$ | async;\n\n<div class=\"ca-main-table-holder\">\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                @let filteredColumns =\n                    columns | caMainTableHiddenRows: hideFieldsToHide;\n                @for (col of filteredColumns; let indx = $index; track indx) {\n                    <div\n                        cdkDragLockAxis=\"x\"\n                        cdkDrag\n                        cdkDragPreviewContainer=\"parent\"\n                        class=\"cdk_th_div table-tr\"\n                        [class]=\"col.cellCustomClasses\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                headerThTemplate;\n                                context: { $implicit: col, index: indx }\n                            \"\n                        ></ng-container>\n                    </div>\n                }\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                @if (row.rowType === '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                } @else {\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                    >\n                        @for (\n                            (col of columns | caMainTableHiddenRows: hideFieldsToHide);\n                            track $index\n                        ) {\n                            <td [class]=\"col.cellCustomClasses\">\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowTemplate;\n                                        context: {\n                                            row: row,\n                                            col: col,\n                                            index: rowIndex,\n                                        }\n                                    \"\n                                ></ng-container>\n                            </td>\n                        }\n                    </tr>\n                }\n            }\n        </tbody>\n    </table>\n</div>\n\n<!-- Header Template -->\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n    <th>\n        @switch (col.headerCellType) {\n            @case ('template') {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        col.headerTemplate;\n                        context: { $implicit: col.header, index: indx }\n                    \"\n                ></ng-container>\n            }\n            @default {\n                <div class=\"th-content-container text-color-bw6-2 user-select-none\">\n                    {{ col.header }}\n                </div>\n            }\n        }\n    </th>\n</ng-template>\n\n<!-- Row Template -->\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            @switch (col.cellType) {\n                @case ('template') {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            col.template;\n                            context: {\n                                $implicit: col.row ? row : row[col.field],\n                                index: index,\n                                field: col.field,\n                            }\n                        \"\n                    ></ng-container>\n                }\n                @case ('component') {\n                    <ng-container\n                        *ngComponentOutlet=\"\n                            col.component;\n                            injector: createInjector(col.inputs)\n                        \"\n                    ></ng-container>\n                }\n                @default {\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                }\n            }\n        </div>\n    </div>\n</ng-template>\n\n<!-- Default Text Template -->\n<ng-template #customTextTemplate let-data let-index>\n    @switch (data.pipeType) {\n        @case ('date') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | date: data.pipeString }}\n            </div>\n        }\n        @case ('currency') {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field | currency: data.pipeString }}\n            </div>\n        }\n        @default {\n            <div\n                [ngClass]=\"data.textCustomClasses\"\n                class=\"text text-color-black\"\n            >\n                {{ data.field }}\n            </div>\n        }\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}}.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: [{
@@ -26494,8 +26494,8 @@ class CaProgressRangeComponent {
         this.svgRoutes = CaProgressRangeSvgRoutes;
     }
     calculatePriceRange() {
-        const dateNow = moment__default();
-        const diff = moment__default(dateNow).diff(this.lastUsed, 'days');
+        const dateNow = moment();
+        const diff = moment(dateNow).diff(this.lastUsed, 'days');
         if (diff > CaProgressRangeConstants.DAYS_WEEK) {
             this.priceRangeItem = { id: eProgressRangePrice.Expired, circleClassName: CaProgressRangeConstants.CLASS_CIRCLE_EXPIRED_NO_VALUE };
             return;
@@ -27147,123 +27147,123 @@ class TimeFilterHelper {
     static convertTimeToDate(period, year) {
         let today;
         if (year) {
-            today = moment__default().year(year).startOf(eFilterTime.DAY);
+            today = moment().year(year).startOf(eFilterTime.DAY);
         }
         else {
-            today = moment__default().startOf(eFilterTime.DAY);
+            today = moment().startOf(eFilterTime.DAY);
         }
-        let fromDate = moment__default(), toDate = moment__default();
+        let fromDate = moment(), toDate = moment();
         switch (period.toLowerCase()) {
             case eFilterTime.TODAY:
-                fromDate = moment__default(today);
-                toDate = moment__default(today);
+                fromDate = moment(today);
+                toDate = moment(today);
                 break;
             case eFilterTime.YESTERDAY:
-                fromDate = moment__default(today).subtract(1, eFilterTime.DAYS);
-                toDate = moment__default(today).subtract(1, eFilterTime.DAYS);
+                fromDate = moment(today).subtract(1, eFilterTime.DAYS);
+                toDate = moment(today).subtract(1, eFilterTime.DAYS);
                 break;
             case eFilterTime.THIS_WEEK:
-                fromDate = moment__default(today).startOf(eFilterTime.WEEK);
-                toDate = moment__default(today).endOf(eFilterTime.WEEK);
+                fromDate = moment(today).startOf(eFilterTime.WEEK);
+                toDate = moment(today).endOf(eFilterTime.WEEK);
                 break;
             case eFilterTime.LAST_WEEK:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .subtract(1, eFilterTime.WEEKS)
                     .startOf(eFilterTime.WEEK);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .subtract(1, eFilterTime.WEEKS)
                     .endOf(eFilterTime.WEEK);
                 break;
             case eFilterTime.NEXT_WEEK:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .add(1, eFilterTime.WEEKS)
                     .startOf(eFilterTime.WEEK);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .add(1, eFilterTime.WEEKS)
                     .endOf(eFilterTime.WEEK);
                 break;
             case eFilterTime.ONE_WEEK:
-                fromDate = moment__default(today).subtract(1, eFilterTime.WEEKS);
-                toDate = moment__default(today);
+                fromDate = moment(today).subtract(1, eFilterTime.WEEKS);
+                toDate = moment(today);
                 break;
             case eFilterTime.ONE_WEEK_FUTURE:
-                fromDate = moment__default(today);
-                toDate = moment__default(today).add(1, eFilterTime.WEEKS);
+                fromDate = moment(today);
+                toDate = moment(today).add(1, eFilterTime.WEEKS);
                 break;
             case eFilterTime.THIS_MONTH:
-                fromDate = moment__default(today).startOf(eFilterTime.MONTH);
-                toDate = moment__default(today).endOf(eFilterTime.MONTH);
+                fromDate = moment(today).startOf(eFilterTime.MONTH);
+                toDate = moment(today).endOf(eFilterTime.MONTH);
                 break;
             case eFilterTime.LAST_MONTH:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .subtract(1, eFilterTime.MONTHS)
                     .startOf(eFilterTime.MONTH);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .subtract(1, eFilterTime.MONTHS)
                     .endOf(eFilterTime.MONTH);
                 break;
             case eFilterTime.ONE_MONTH_FUTURE:
-                fromDate = moment__default(today);
-                toDate = moment__default(today).add(1, eFilterTime.MONTHS);
+                fromDate = moment(today);
+                toDate = moment(today).add(1, eFilterTime.MONTHS);
                 break;
             case eFilterTime.ONE_MONTH:
-                fromDate = moment__default(today).subtract(1, eFilterTime.MONTHS);
-                toDate = moment__default(today);
+                fromDate = moment(today).subtract(1, eFilterTime.MONTHS);
+                toDate = moment(today);
                 break;
             case eFilterTime.NEXT_MONTH:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .add(1, eFilterTime.MONTHS)
                     .startOf(eFilterTime.MONTH);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .add(1, eFilterTime.MONTHS)
                     .endOf(eFilterTime.MONTH);
                 break;
             case eFilterTime.THREE_MONTHS:
-                fromDate = moment__default(today).subtract(3, eFilterTime.MONTHS);
-                toDate = moment__default(today);
+                fromDate = moment(today).subtract(3, eFilterTime.MONTHS);
+                toDate = moment(today);
                 break;
             case eFilterTime.THREE_MONTHS_FUTURE:
-                fromDate = moment__default(today);
-                toDate = moment__default(today)
+                fromDate = moment(today);
+                toDate = moment(today)
                     .add(3, eFilterTime.MONTHS)
                     .endOf(eFilterTime.MONTH);
                 break;
             case eFilterTime.THIS_QUARTER:
-                fromDate = moment__default(today).startOf(eFilterTime.QUARTER);
-                toDate = moment__default(today).endOf(eFilterTime.QUARTER);
+                fromDate = moment(today).startOf(eFilterTime.QUARTER);
+                toDate = moment(today).endOf(eFilterTime.QUARTER);
                 break;
             case eFilterTime.LAST_QUARTER:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .subtract(1, eFilterTime.QUARTERS)
                     .startOf(eFilterTime.QUARTER);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .subtract(1, eFilterTime.QUARTERS)
                     .endOf(eFilterTime.QUARTER);
                 break;
             case eFilterTime.NEXT_QUARTER:
-                fromDate = moment__default(today)
+                fromDate = moment(today)
                     .add(1, eFilterTime.QUARTERS)
                     .startOf(eFilterTime.QUARTER);
-                toDate = moment__default(today)
+                toDate = moment(today)
                     .add(1, eFilterTime.QUARTERS)
                     .endOf(eFilterTime.QUARTER);
                 break;
             case eFilterTime.THIS_YEAR:
-                fromDate = moment__default(today).startOf(eFilterTime.YEAR);
-                toDate = moment__default(today).endOf(eFilterTime.YEAR);
+                fromDate = moment(today).startOf(eFilterTime.YEAR);
+                toDate = moment(today).endOf(eFilterTime.YEAR);
                 break;
             case eFilterTime.ONE_YEAR_FUTURE:
-                fromDate = moment__default(today);
-                toDate = moment__default(today).add(1, eFilterTime.YEARS);
+                fromDate = moment(today);
+                toDate = moment(today).add(1, eFilterTime.YEARS);
                 break;
             case eFilterTime.ONE_YEAR:
-                fromDate = moment__default(today).subtract(1, eFilterTime.YEARS);
-                toDate = moment__default(today);
+                fromDate = moment(today).subtract(1, eFilterTime.YEARS);
+                toDate = moment(today);
                 break;
             case eFilterTime.LAST_YEAR:
             case eFilterTime.YEAR_BEFORE_LAST:
-                fromDate = moment__default(today).startOf(eFilterTime.YEAR);
-                toDate = moment__default(today).endOf(eFilterTime.YEAR);
+                fromDate = moment(today).startOf(eFilterTime.YEAR);
+                toDate = moment(today).endOf(eFilterTime.YEAR);
                 break;
             default:
                 break;
@@ -30267,7 +30267,9 @@ class CaSearchMultipleStates2Component {
             this.searchControl.reset();
     }
     clearAll() {
-        this.searchQuery = [];
+        this.resetComponentState();
+        this.toggleSearch();
+        this.propagateData();
     }
     deleteSearchQueryItem(index) {
         if (index < 0 || index > this.SEARCH_LIMIT)
@@ -30344,6 +30346,12 @@ class SharedSvgRoutes {
     static { this.ARROW_UP = 'assets/ca-components/svg/common/payroll-down-arrow.svg'; }
     static { this.CONFIRMATION_TRASH_MODAL_ICON = 'assets/ca-components/svg/common/confirmation/ic_confirmation_modal_trash.svg'; }
     static { this.CONFIRMATION_DELETE_ICON = 'assets/ca-components/svg/common/confirmation/ic_confirmation_delete.svg'; }
+    static { this.CONFIRMATION_INFO_ICON = 'assets/svg/common/confirmation/ic_confirmation_info2.svg'; }
+    static { this.CONFIRMATION_CHECKMARK_ICON = 'assets/svg/common/confirmation/ic_confirmation_hire.svg'; }
+    static { this.CONFIRMATION_RESET_ICON = 'assets/svg/common/confirmation/ic_confirmation_reset.svg'; }
+    static { this.CONFIRMATION_MODAL_ACTIVATE_ICON = 'assets/ca-components/svg/common/confirmation/ic_confirmation_modal_button_activate.svg'; }
+    static { this.CONFIRMATION_MODAL_DEACTIVATE_ICON = 'assets/ca-components/svg/common/confirmation/ic_confirmation_modal_button_deactivate.svg'; }
+    static { this.CONFIRMATION_MODAL_TABEL_RESET_ICON = 'assets/ca-components/svg/common/confirmation/ic_confirmation_modal_reset.svg'; }
     static { this.CHECKMARK_ICON = 'assets/ca-components/svg/input/ic_confirm.svg'; }
     static { this.CANCEL_ICON = 'assets/ca-components/svg/comment/cancel.svg'; }
     static { this.ARROW_UP_FILLED_ICON = 'assets/ca-components/svg/common/arrow_up_filled.svg'; }
@@ -30542,7 +30550,7 @@ class CaTableCardViewComponent {
         this.showMore.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTableCardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaTableCardViewComponent, isStandalone: true, selector: "ca-table-card-view", inputs: { frontSide: "frontSide", backSide: "backSide", titleIcon: "titleIcon", viewData: "viewData", cardTitle: "cardTitle", totalDataCount: "totalDataCount", cardsFlipType: "cardsFlipType", isDropdownMenuHidden: "isDropdownMenuHidden", isSelectHidden: "isSelectHidden" }, outputs: { showMore: "showMore", selectCard: "selectCard", cardTitleClick: "cardTitleClick", dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n    @for (card of _viewData; let i = $index; track $index) {\n        <div class=\"custom-card br-3 bg-white\">\n            <div\n                class=\"card-body m-1 d-flex justify-content-between\"\n                [ngClass]=\"{\n                    'background-gray background-hover-gray': card.isSelected,\n                    'background-hover-bw2': !card.isSelected,\n                }\"\n            >\n                <!-- Left side of the card -->\n\n                <div class=\"card-body-left p-1\">\n                    <!-- Head of the card -->\n\n                    <div\n                        class=\"card-header d-flex align-items-center\"\n                        [class.select-hidden]=\"isSelectHidden\"\n                    >\n                        <div class=\"checkbox-holder d-flex align-items-center\">\n                            <!-- Checkbox -->\n                            <span\n                                class=\"checkbox-tooltip\"\n                                type=\"button\"\n                                ngbTooltip\n                                tooltipBackground=\"#424242\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(i),\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                                [ngStyle]=\"{\n                                    '--svg-fill-color':\n                                        isCardFlippedCheckInCards?.includes(i)\n                                            ? '#3b73ed'\n                                            : '',\n                                }\"\n                            >\n                                <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n                                @if (!isSelectHidden) {\n                                    <input\n                                        class=\"table-checkbox d-none\"\n                                        type=\"checkbox\"\n                                        id=\"checkbox{{ i }}\"\n                                        [checked]=\"card.isSelected\"\n                                        (change)=\"onCheckboxSelect(card.id)\"\n                                    />\n                                    <label\n                                        class=\"table-checkbox-label d-flex bg-light-gray-6\"\n                                        for=\"checkbox{{ i }}\"\n                                    ></label>\n                                }\n                            </span>\n                        </div>\n                        <div\n                            class=\"name d-flex gap-1 title text-black ta-font-bold\"\n                        >\n                            @if (_titleIcon) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        _titleIcon;\n                                        context: { data: card }\n                                    \"\n                                ></ng-container>\n                            }\n\n                            <div\n                                class=\"c-pointer text-hover-blue-15\"\n                                (click)=\"cardTitleClicked(card.id)\"\n                            >\n                                {{ card[_cardTitle] ?? '/' }}\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Card body front-->\n\n                    <div class=\"card-body-content d-flex flex-column gap-2\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (i\n                                    | isCardFlipped\n                                        : isCardFlippedCheckInCards) ||\n                                cardsFlipType === tableCardTypes.BACK\n                                    ? _backSide\n                                    : _frontSide;\n                                context: { data: card }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n\n                <!-- Right side of card -->\n\n                <div class=\"card-body-right d-flex flex-column\">\n                    <div class=\"top-side d-flex flex-column gap-1\">\n                        <!-- Dropdown Menu-->\n\n                        @if (!isDropdownMenuHidden) {\n                            <ca-dropdown-menu\n                                [type]=\"'dots-menu-type'\"\n                                [placement]=\"\n                                    ePosition.TABLE_CARDS_DROPDOWN_MENU\n                                \"\n                                [options]=\"card.tableDropdownContent\"\n                                (dropdownOptionEmitter)=\"\n                                    handleToggleDropdownMenuActions(\n                                        $event,\n                                        card\n                                    )\n                                \"\n                            >\n                            </ca-dropdown-menu>\n                        }\n\n                        <!-- Note element -->\n\n                        <div\n                            class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n                        ></div>\n\n                        <!-- Expand element -->\n\n                        <div\n                            class=\"bottom-side d-flex justify-content-center\"\n                            (click)=\"flipCard(i)\"\n                        >\n                            <span\n                                class=\"expand-card\"\n                                type=\"button\"\n                                ngbTooltip\n                                mainTooltip=\"Flip Card\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(\n                                            i\n                                        ) ||\n                                        cardsFlipType === tableCardTypes.BACK,\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                            >\n                                <svg-icon\n                                    [src]=\"\n                                        tableCardViewSvgRoutes.flipArrowRoute\n                                    \"\n                                ></svg-icon>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n@if (displayedDataCount) {\n    <app-ca-show-more\n        [displayedDataCount]=\"displayedDataCount\"\n        [totalDataCount]=\"totalDataCount\"\n        (onShowMore)=\"onShowMoreClick()\"\n    ></app-ca-show-more>\n}\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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaTableCardViewComponent, isStandalone: true, selector: "ca-table-card-view", inputs: { frontSide: "frontSide", backSide: "backSide", titleIcon: "titleIcon", viewData: "viewData", cardTitle: "cardTitle", totalDataCount: "totalDataCount", cardsFlipType: "cardsFlipType", isDropdownMenuHidden: "isDropdownMenuHidden", isSelectHidden: "isSelectHidden" }, outputs: { showMore: "showMore", selectCard: "selectCard", cardTitleClick: "cardTitleClick", dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n    @for (card of _viewData; let i = $index; track $index) {\n        <div class=\"custom-card br-3 bg-white\">\n            <div\n                class=\"card-body m-1 d-flex justify-content-between\"\n                [ngClass]=\"{\n                    'background-gray background-hover-gray': card.isSelected,\n                    'background-hover-bw2': !card.isSelected,\n                }\"\n            >\n                <!-- Left side of the card -->\n\n                <div class=\"card-body-left p-1\">\n                    <!-- Head of the card -->\n\n                    <div\n                        class=\"card-header d-flex align-items-center\"\n                        [class.select-hidden]=\"isSelectHidden\"\n                    >\n                        <div class=\"checkbox-holder d-flex align-items-center\">\n                            <!-- Checkbox -->\n                            <span\n                                class=\"checkbox-tooltip\"\n                                type=\"button\"\n                                ngbTooltip\n                                tooltipBackground=\"#424242\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(i),\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                                [ngStyle]=\"{\n                                    '--svg-fill-color':\n                                        isCardFlippedCheckInCards?.includes(i)\n                                            ? '#3b73ed'\n                                            : '',\n                                }\"\n                            >\n                                <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n                                @if (!isSelectHidden) {\n                                    <input\n                                        class=\"table-checkbox d-none\"\n                                        type=\"checkbox\"\n                                        id=\"checkbox{{ i }}\"\n                                        [checked]=\"card.isSelected\"\n                                        (change)=\"onCheckboxSelect(card.id)\"\n                                    />\n                                    <label\n                                        class=\"table-checkbox-label d-flex bg-light-gray-6\"\n                                        for=\"checkbox{{ i }}\"\n                                    ></label>\n                                }\n                            </span>\n                        </div>\n                        <div\n                            class=\"name d-flex gap-1 title\"\n                        >\n                            @if (_titleIcon) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        _titleIcon;\n                                        context: { data: card }\n                                    \"\n                                ></ng-container>\n                            }\n\n                            <div\n                                class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n                                (click)=\"cardTitleClicked(card.id)\"\n                            >\n                                {{ card[_cardTitle] ?? '/' }}\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Card body front-->\n\n                    <div class=\"card-body-content d-flex flex-column gap-2\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (i\n                                    | isCardFlipped\n                                        : isCardFlippedCheckInCards) ||\n                                cardsFlipType === tableCardTypes.BACK\n                                    ? _backSide\n                                    : _frontSide;\n                                context: { data: card }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n\n                <!-- Right side of card -->\n\n                <div class=\"card-body-right d-flex flex-column\">\n                    <div class=\"top-side d-flex flex-column gap-1\">\n                        <!-- Dropdown Menu-->\n\n                        @if (!isDropdownMenuHidden) {\n                            <ca-dropdown-menu\n                                [type]=\"'dots-menu-type'\"\n                                [placement]=\"\n                                    ePosition.TABLE_CARDS_DROPDOWN_MENU\n                                \"\n                                [options]=\"card.tableDropdownContent\"\n                                (dropdownOptionEmitter)=\"\n                                    handleToggleDropdownMenuActions(\n                                        $event,\n                                        card\n                                    )\n                                \"\n                            >\n                            </ca-dropdown-menu>\n                        }\n\n                        <!-- Note element -->\n\n                        <div\n                            class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n                        ></div>\n\n                        <!-- Expand element -->\n\n                        <div\n                            class=\"bottom-side d-flex justify-content-center\"\n                            (click)=\"flipCard(i)\"\n                        >\n                            <span\n                                class=\"expand-card\"\n                                type=\"button\"\n                                ngbTooltip\n                                mainTooltip=\"Flip Card\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(\n                                            i\n                                        ) ||\n                                        cardsFlipType === tableCardTypes.BACK,\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                            >\n                                <svg-icon\n                                    [src]=\"\n                                        tableCardViewSvgRoutes.flipArrowRoute\n                                    \"\n                                ></svg-icon>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n@if (displayedDataCount) {\n    <app-ca-show-more\n        [displayedDataCount]=\"displayedDataCount\"\n        [totalDataCount]=\"totalDataCount\"\n        (onShowMore)=\"onShowMoreClick()\"\n    ></app-ca-show-more>\n}\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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
                 AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { 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: "component", type: 
                 // components
@@ -30561,7 +30569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaShowMoreComponent,
                         // pipes
                         IsCardFlippedPipe,
-                    ], template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n    @for (card of _viewData; let i = $index; track $index) {\n        <div class=\"custom-card br-3 bg-white\">\n            <div\n                class=\"card-body m-1 d-flex justify-content-between\"\n                [ngClass]=\"{\n                    'background-gray background-hover-gray': card.isSelected,\n                    'background-hover-bw2': !card.isSelected,\n                }\"\n            >\n                <!-- Left side of the card -->\n\n                <div class=\"card-body-left p-1\">\n                    <!-- Head of the card -->\n\n                    <div\n                        class=\"card-header d-flex align-items-center\"\n                        [class.select-hidden]=\"isSelectHidden\"\n                    >\n                        <div class=\"checkbox-holder d-flex align-items-center\">\n                            <!-- Checkbox -->\n                            <span\n                                class=\"checkbox-tooltip\"\n                                type=\"button\"\n                                ngbTooltip\n                                tooltipBackground=\"#424242\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(i),\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                                [ngStyle]=\"{\n                                    '--svg-fill-color':\n                                        isCardFlippedCheckInCards?.includes(i)\n                                            ? '#3b73ed'\n                                            : '',\n                                }\"\n                            >\n                                <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n                                @if (!isSelectHidden) {\n                                    <input\n                                        class=\"table-checkbox d-none\"\n                                        type=\"checkbox\"\n                                        id=\"checkbox{{ i }}\"\n                                        [checked]=\"card.isSelected\"\n                                        (change)=\"onCheckboxSelect(card.id)\"\n                                    />\n                                    <label\n                                        class=\"table-checkbox-label d-flex bg-light-gray-6\"\n                                        for=\"checkbox{{ i }}\"\n                                    ></label>\n                                }\n                            </span>\n                        </div>\n                        <div\n                            class=\"name d-flex gap-1 title text-black ta-font-bold\"\n                        >\n                            @if (_titleIcon) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        _titleIcon;\n                                        context: { data: card }\n                                    \"\n                                ></ng-container>\n                            }\n\n                            <div\n                                class=\"c-pointer text-hover-blue-15\"\n                                (click)=\"cardTitleClicked(card.id)\"\n                            >\n                                {{ card[_cardTitle] ?? '/' }}\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Card body front-->\n\n                    <div class=\"card-body-content d-flex flex-column gap-2\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (i\n                                    | isCardFlipped\n                                        : isCardFlippedCheckInCards) ||\n                                cardsFlipType === tableCardTypes.BACK\n                                    ? _backSide\n                                    : _frontSide;\n                                context: { data: card }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n\n                <!-- Right side of card -->\n\n                <div class=\"card-body-right d-flex flex-column\">\n                    <div class=\"top-side d-flex flex-column gap-1\">\n                        <!-- Dropdown Menu-->\n\n                        @if (!isDropdownMenuHidden) {\n                            <ca-dropdown-menu\n                                [type]=\"'dots-menu-type'\"\n                                [placement]=\"\n                                    ePosition.TABLE_CARDS_DROPDOWN_MENU\n                                \"\n                                [options]=\"card.tableDropdownContent\"\n                                (dropdownOptionEmitter)=\"\n                                    handleToggleDropdownMenuActions(\n                                        $event,\n                                        card\n                                    )\n                                \"\n                            >\n                            </ca-dropdown-menu>\n                        }\n\n                        <!-- Note element -->\n\n                        <div\n                            class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n                        ></div>\n\n                        <!-- Expand element -->\n\n                        <div\n                            class=\"bottom-side d-flex justify-content-center\"\n                            (click)=\"flipCard(i)\"\n                        >\n                            <span\n                                class=\"expand-card\"\n                                type=\"button\"\n                                ngbTooltip\n                                mainTooltip=\"Flip Card\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(\n                                            i\n                                        ) ||\n                                        cardsFlipType === tableCardTypes.BACK,\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                            >\n                                <svg-icon\n                                    [src]=\"\n                                        tableCardViewSvgRoutes.flipArrowRoute\n                                    \"\n                                ></svg-icon>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n@if (displayedDataCount) {\n    <app-ca-show-more\n        [displayedDataCount]=\"displayedDataCount\"\n        [totalDataCount]=\"totalDataCount\"\n        (onShowMore)=\"onShowMoreClick()\"\n    ></app-ca-show-more>\n}\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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"] }]
+                    ], template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n    @for (card of _viewData; let i = $index; track $index) {\n        <div class=\"custom-card br-3 bg-white\">\n            <div\n                class=\"card-body m-1 d-flex justify-content-between\"\n                [ngClass]=\"{\n                    'background-gray background-hover-gray': card.isSelected,\n                    'background-hover-bw2': !card.isSelected,\n                }\"\n            >\n                <!-- Left side of the card -->\n\n                <div class=\"card-body-left p-1\">\n                    <!-- Head of the card -->\n\n                    <div\n                        class=\"card-header d-flex align-items-center\"\n                        [class.select-hidden]=\"isSelectHidden\"\n                    >\n                        <div class=\"checkbox-holder d-flex align-items-center\">\n                            <!-- Checkbox -->\n                            <span\n                                class=\"checkbox-tooltip\"\n                                type=\"button\"\n                                ngbTooltip\n                                tooltipBackground=\"#424242\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(i),\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                                [ngStyle]=\"{\n                                    '--svg-fill-color':\n                                        isCardFlippedCheckInCards?.includes(i)\n                                            ? '#3b73ed'\n                                            : '',\n                                }\"\n                            >\n                                <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n                                @if (!isSelectHidden) {\n                                    <input\n                                        class=\"table-checkbox d-none\"\n                                        type=\"checkbox\"\n                                        id=\"checkbox{{ i }}\"\n                                        [checked]=\"card.isSelected\"\n                                        (change)=\"onCheckboxSelect(card.id)\"\n                                    />\n                                    <label\n                                        class=\"table-checkbox-label d-flex bg-light-gray-6\"\n                                        for=\"checkbox{{ i }}\"\n                                    ></label>\n                                }\n                            </span>\n                        </div>\n                        <div\n                            class=\"name d-flex gap-1 title\"\n                        >\n                            @if (_titleIcon) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        _titleIcon;\n                                        context: { data: card }\n                                    \"\n                                ></ng-container>\n                            }\n\n                            <div\n                                class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n                                (click)=\"cardTitleClicked(card.id)\"\n                            >\n                                {{ card[_cardTitle] ?? '/' }}\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Card body front-->\n\n                    <div class=\"card-body-content d-flex flex-column gap-2\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (i\n                                    | isCardFlipped\n                                        : isCardFlippedCheckInCards) ||\n                                cardsFlipType === tableCardTypes.BACK\n                                    ? _backSide\n                                    : _frontSide;\n                                context: { data: card }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n\n                <!-- Right side of card -->\n\n                <div class=\"card-body-right d-flex flex-column\">\n                    <div class=\"top-side d-flex flex-column gap-1\">\n                        <!-- Dropdown Menu-->\n\n                        @if (!isDropdownMenuHidden) {\n                            <ca-dropdown-menu\n                                [type]=\"'dots-menu-type'\"\n                                [placement]=\"\n                                    ePosition.TABLE_CARDS_DROPDOWN_MENU\n                                \"\n                                [options]=\"card.tableDropdownContent\"\n                                (dropdownOptionEmitter)=\"\n                                    handleToggleDropdownMenuActions(\n                                        $event,\n                                        card\n                                    )\n                                \"\n                            >\n                            </ca-dropdown-menu>\n                        }\n\n                        <!-- Note element -->\n\n                        <div\n                            class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n                        ></div>\n\n                        <!-- Expand element -->\n\n                        <div\n                            class=\"bottom-side d-flex justify-content-center\"\n                            (click)=\"flipCard(i)\"\n                        >\n                            <span\n                                class=\"expand-card\"\n                                type=\"button\"\n                                ngbTooltip\n                                mainTooltip=\"Flip Card\"\n                                position=\"bottom\"\n                                [ngClass]=\"{\n                                    'rotate-svg':\n                                        isCardFlippedCheckInCards?.includes(\n                                            i\n                                        ) ||\n                                        cardsFlipType === tableCardTypes.BACK,\n                                    'svg-position':\n                                        !isCardFlippedCheckInCards?.includes(i),\n                                }\"\n                            >\n                                <svg-icon\n                                    [src]=\"\n                                        tableCardViewSvgRoutes.flipArrowRoute\n                                    \"\n                                ></svg-icon>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n@if (displayedDataCount) {\n    <app-ca-show-more\n        [displayedDataCount]=\"displayedDataCount\"\n        [totalDataCount]=\"totalDataCount\"\n        (onShowMore)=\"onShowMoreClick()\"\n    ></app-ca-show-more>\n}\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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"] }]
         }], ctorParameters: () => [], propDecorators: { frontSide: [{
                 type: Input
             }], backSide: [{
@@ -31699,6 +31707,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class CaActivateModalComponent {
+    constructor(ngbActiveModal) {
+        this.ngbActiveModal = ngbActiveModal;
+        this.sharedSvgRoutes = SharedSvgRoutes;
+    }
+    onModalAction(isDoAction) {
+        this.ngbActiveModal.close(isDoAction);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaActivateModalComponent, deps: [{ token: i3.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaActivateModalComponent, isStandalone: true, selector: "app-ca-active-modal", inputs: { modalData: "modalData", template: "template" }, ngImport: i0, template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"ta-font-bold modal-save-btn modal-confirmation-btn valid\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_ACTIVATE_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_CHECKMARK_ICON\"\n\t></svg-icon>\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Components
+                CaModalComponent, selector: "app-ca-modal", inputs: ["customClass", "partClass", "modalTitle", "customHeaderTemplate", "headerSvgTemplate", "leftHeaderTemplate", "rightHeaderTemplate", "footerTemplate", "additionalPartTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaActivateModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-active-modal', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Components
+                        CaModalComponent,
+                    ], template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"ta-font-bold modal-save-btn modal-confirmation-btn valid\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_ACTIVATE_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_CHECKMARK_ICON\"\n\t></svg-icon>\n</ng-template>" }]
+        }], ctorParameters: () => [{ type: i3.NgbActiveModal }], propDecorators: { modalData: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }] } });
+
+class CaDeactivateModalComponent {
+    constructor(ngbActiveModal) {
+        this.ngbActiveModal = ngbActiveModal;
+        this.sharedSvgRoutes = SharedSvgRoutes;
+    }
+    onModalAction(isDoAction) {
+        this.ngbActiveModal.close(isDoAction);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaDeactivateModalComponent, deps: [{ token: i3.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaDeactivateModalComponent, isStandalone: true, selector: "app-ca-deactivate-modal", inputs: { modalData: "modalData", template: "template" }, ngImport: i0, template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"modal-delete-btn modal-gray-btn modal-confirmation-btn\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_DEACTIVATE_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_INFO_ICON\"\n\t></svg-icon>\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Components
+                CaModalComponent, selector: "app-ca-modal", inputs: ["customClass", "partClass", "modalTitle", "customHeaderTemplate", "headerSvgTemplate", "leftHeaderTemplate", "rightHeaderTemplate", "footerTemplate", "additionalPartTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaDeactivateModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-deactivate-modal', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Components
+                        CaModalComponent,
+                    ], template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"modal-delete-btn modal-gray-btn modal-confirmation-btn\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_DEACTIVATE_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_INFO_ICON\"\n\t></svg-icon>\n</ng-template>" }]
+        }], ctorParameters: () => [{ type: i3.NgbActiveModal }], propDecorators: { modalData: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }] } });
+
+class CaResetTableModalComponent {
+    constructor(ngbActiveModal) {
+        this.ngbActiveModal = ngbActiveModal;
+        this.sharedSvgRoutes = SharedSvgRoutes;
+    }
+    onModalAction(isDoAction) {
+        this.ngbActiveModal.close(isDoAction);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaResetTableModalComponent, deps: [{ token: i3.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaResetTableModalComponent, isStandalone: true, selector: "app-ca-reset-table-modal", inputs: { modalData: "modalData", template: "template" }, ngImport: i0, template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"modal-delete-btn modal-gray-btn modal-confirmation-btn\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_TABEL_RESET_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_RESET_ICON\"\n\t></svg-icon>\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Components
+                CaModalComponent, selector: "app-ca-modal", inputs: ["customClass", "partClass", "modalTitle", "customHeaderTemplate", "headerSvgTemplate", "leftHeaderTemplate", "rightHeaderTemplate", "footerTemplate", "additionalPartTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaResetTableModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-reset-table-modal', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Components
+                        CaModalComponent,
+                    ], template: "<app-ca-modal\n\t[customClass]=\"'modal-container-XS'\"\n    [customHeaderTemplate]=\"headerContent\"\n    [footerTemplate]=\"footerTemplate\"\n>\n    <div origin>\n        <div class=\"divider\"></div>\n        <div class=\"d-flex p-y-8\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"modalRightIcon\"></ng-container>\n    </div>\n</app-ca-modal>\n\n<ng-template #headerContent>\n    <div class=\"d-flex align-items-center gap-6 p-y-2\">\n        <ng-container *ngTemplateOutlet=\"headerSvgTemplate\"></ng-container>\n        <p class=\"ta-font-extra-bold font-size-18 text-color-black line-height-1\"> {{ modalData?.title }}</p>\n        @if(modalData?.count) {\n            <div class=\"d-flex align-items-center justify-content-center w-22 h-22 background-bw6-2 ta-font-extra-bold text-size-14 text-color-white br-50\"> \n                {{ modalData?.count }} \n            </div>\n        }\n    </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"modal-footer modal-footer-payroll\">\n      <div class=\"divider m-0\"></div>\n      <div class=\"d-flex gap-12 m-0 w-100\">\n          <button\n            (click)=\"onModalAction()\"\n            class=\"ta-font-bold modal-cancel-btn active-cancel-btn\"\n            type=\"button\"\n            >\n                No\n            </button>\n    \n            <button\n                (click)=\"onModalAction(true)\"\n                class=\"modal-delete-btn modal-gray-btn modal-confirmation-btn\"\n                type=\"button\"\n            >\n                Yes\n            </button>\n      </div>\n  </div>\n</ng-template>\n\n<ng-template #modalRightIcon>\n\t<div class=\"trash-icon-container position-absolute right-10 top--38\">\n\t\t<svg-icon\n\t\t\tclass=\"svg-size-90 p-l-10 background-white\"\n\t\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_MODAL_TABEL_RESET_ICON\"\n\t\t></svg-icon>\n\t</div>\n</ng-template>\n\n<ng-template #headerSvgTemplate>\n\t<svg-icon\n\t\tclass=\"d-flex svg-size-18 modal-header-svg\"\n\t\t[src]=\"sharedSvgRoutes.CONFIRMATION_RESET_ICON\"\n\t></svg-icon>\n</ng-template>" }]
+        }], ctorParameters: () => [{ type: i3.NgbActiveModal }], propDecorators: { modalData: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }] } });
+
 class CaComponentsLibModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, imports: [CommonModule,
@@ -31758,7 +31847,10 @@ class CaComponentsLibModule {
             CaDeleteModalComponent,
             CaShowMoreComponent,
             CaCommentsComponent,
-            CaSortingCardDropdownComponent], exports: [CaProfileImageComponent,
+            CaSortingCardDropdownComponent,
+            CaActivateModalComponent,
+            CaDeactivateModalComponent,
+            CaResetTableModalComponent], exports: [CaProfileImageComponent,
             CaAppTooltipV2Component,
             CaDetailsDropdownComponent,
             CaRatingReviewComponent,
@@ -31812,7 +31904,10 @@ class CaComponentsLibModule {
             CaDeleteModalComponent,
             CaCommentsComponent,
             CaShowMoreComponent,
-            CaSortingCardDropdownComponent] }); }
+            CaSortingCardDropdownComponent,
+            CaActivateModalComponent,
+            CaDeactivateModalComponent,
+            CaResetTableModalComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, providers: [CaSearchMultipleStatesService], imports: [CommonModule,
             CaProfileImageComponent,
             CaRatingReviewComponent,
@@ -31870,7 +31965,10 @@ class CaComponentsLibModule {
             CaDeleteModalComponent,
             CaShowMoreComponent,
             CaCommentsComponent,
-            CaSortingCardDropdownComponent] }); }
+            CaSortingCardDropdownComponent,
+            CaActivateModalComponent,
+            CaDeactivateModalComponent,
+            CaResetTableModalComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaComponentsLibModule, decorators: [{
             type: NgModule,
@@ -31934,7 +32032,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaDeleteModalComponent,
                         CaShowMoreComponent,
                         CaCommentsComponent,
-                        CaSortingCardDropdownComponent
+                        CaSortingCardDropdownComponent,
+                        CaActivateModalComponent,
+                        CaDeactivateModalComponent,
+                        CaResetTableModalComponent
                     ],
                     providers: [CaSearchMultipleStatesService],
                     exports: [
@@ -31992,7 +32093,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaDeleteModalComponent,
                         CaCommentsComponent,
                         CaShowMoreComponent,
-                        CaSortingCardDropdownComponent
+                        CaSortingCardDropdownComponent,
+                        CaActivateModalComponent,
+                        CaDeactivateModalComponent,
+                        CaResetTableModalComponent
                     ],
                 }]
         }] });
@@ -34425,5 +34529,5 @@ function emptyValueValidator(errorMessage) {
  * Generated bundle index. Do not edit.
  */
 
-export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaLastFuelPriceProgressComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum };
+export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaLastFuelPriceProgressComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum };
 //# sourceMappingURL=ca-components.mjs.map