ca-components 1.3.94 → 1.3.96

package/fesm2022/ca-components.mjs

@@ -14,7 +14,6 @@ import * as i1$3 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i1$2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, Validators, FormControl, FormGroup } from '@angular/forms';
-import { eGeneralActions as eGeneralActions$1 } from 'projects/ca-components/src/lib/enums';
 import { distinctUntilChanged } from 'rxjs/operators';
 import * as i2$1 from 'ngx-mask';
 import { NgxMaskModule } from 'ngx-mask';
@@ -3577,7 +3576,7 @@ let InputSvgRoutes$1 = class InputSvgRoutes {
 let CaInputClearComponent$1 = class CaInputClearComponent {
     constructor() {
         this.clearInputClick = new EventEmitter();
-        this.eGeneralActions = eGeneralActions$1;
+        this.eGeneralActions = eGeneralActions;
     }
     clearInput(event) {
         this.clearInputClick.emit(event);
@@ -7261,7 +7260,7 @@ class CaTimeFilterComponent {
             ToolbarFilterStringEnum.EMPTY_STRING_PLACEHOLDER;
         this.isButtonAvailable = true;
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -9063,7 +9062,7 @@ class CaStateFilterComponent {
             canadaArray: this.filterCanadaActiveArray,
         };
         const data = {
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             filterType: this.type,
             queryParams,
             subType,
@@ -9088,7 +9087,7 @@ class CaStateFilterComponent {
         this.isButtonAvailable = true;
         this.totalFiltersNum = 0;
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -9266,7 +9265,7 @@ class CaTruckTypeFilterComponent {
         queryParams = this.selectedTruckTypeArray.map((item) => this.isRepairFilter ? item.truckNumber : item.id);
         const data = {
             filterType: this.type,
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             queryParams,
             subType,
         };
@@ -9283,7 +9282,7 @@ class CaTruckTypeFilterComponent {
         this.isButtonAvailable = true;
         this.filterActiveArray = [];
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -9477,7 +9476,7 @@ class CaTrailerTypeFilterComponent {
         queryParams = this.selectedTrailerTypeArray.map((item) => this.isRepairFilter ? item.trailerNumber : item.id);
         const data = {
             filterType: this.type,
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             queryParams,
             subType,
         };
@@ -9494,7 +9493,7 @@ class CaTrailerTypeFilterComponent {
         this.isButtonAvailable = true;
         this.filterActiveArray = [];
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -9750,6 +9749,58 @@ class LocationFilterConstants {
     ]; }
 }
 
+class CaLocationFilterConfig {
+    static originControl() {
+        return {
+            name: 'Address',
+            type: 'text',
+            label: 'Origin',
+            placeholderIcon: 'address',
+            placeholder: 'Origin',
+            textTransform: 'capitalize',
+            dropdownWidthClass: 'w-col-288',
+            customClass: 'location-area-filter',
+            minLength: 6,
+            maxLength: 256,
+            placeholderInsteadOfLabel: true,
+            isDisabled: false,
+        };
+    }
+    static destinationControl() {
+        return {
+            name: 'Address',
+            type: 'text',
+            label: 'Destination',
+            placeholderIcon: 'address',
+            placeholder: 'Destination',
+            textTransform: 'capitalize',
+            dropdownWidthClass: 'w-col-288',
+            customClass: 'location-area-filter',
+            minLength: 6,
+            maxLength: 256,
+            placeholderInsteadOfLabel: true,
+            isDisabled: false,
+        };
+    }
+    static addressControl() {
+        return {
+            name: 'Address',
+            type: 'text',
+            label: 'Location',
+            placeholderIcon: 'address',
+            placeholder: 'Location',
+            textTransform: 'capitalize',
+            dropdownWidthClass: 'w-col-288',
+            customClass: 'location-area-filter',
+            blueInput: true,
+            minLength: 6,
+            maxLength: 256,
+            placeholderInsteadOfLabel: true,
+            isDisabled: false,
+        };
+    }
+}
+
 class TabSwitchConstants {
     static { this.INITIAL_HOVER_STYLE = {
         width: 0,
@@ -12404,58 +12455,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['document:keydown', ['$event']]
             }] } });
 
-class CaLocationFilterConfig {
-    static originControl() {
-        return {
-            name: 'Address',
-            type: 'text',
-            label: 'Origin',
-            placeholderIcon: 'address',
-            placeholder: 'Origin',
-            textTransform: 'capitalize',
-            dropdownWidthClass: 'w-col-288',
-            customClass: 'location-area-filter',
-            minLength: 6,
-            maxLength: 256,
-            placeholderInsteadOfLabel: true,
-            isDisabled: false,
-        };
-    }
-    static destinationControl() {
-        return {
-            name: 'Address',
-            type: 'text',
-            label: 'Destination',
-            placeholderIcon: 'address',
-            placeholder: 'Destination',
-            textTransform: 'capitalize',
-            dropdownWidthClass: 'w-col-288',
-            customClass: 'location-area-filter',
-            minLength: 6,
-            maxLength: 256,
-            placeholderInsteadOfLabel: true,
-            isDisabled: false,
-        };
-    }
-    static addressControl() {
-        return {
-            name: 'Address',
-            type: 'text',
-            label: 'Location',
-            placeholderIcon: 'address',
-            placeholder: 'Location',
-            textTransform: 'capitalize',
-            dropdownWidthClass: 'w-col-288',
-            customClass: 'location-area-filter',
-            blueInput: true,
-            minLength: 6,
-            maxLength: 256,
-            placeholderInsteadOfLabel: true,
-            isDisabled: false,
-        };
-    }
-}
-
 class CaLocationFilterComponent {
     ngOnInit() {
         this.createForm();
@@ -12576,7 +12575,7 @@ class CaLocationFilterComponent {
         }
         const data = {
             filterType: this.type,
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             queryParams,
             subType,
         };
@@ -12609,7 +12608,7 @@ class CaLocationFilterComponent {
         this.destLongValSet = this.destLongVal;
         this.locationRangeSet = this.locationRange;
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -12863,7 +12862,7 @@ class CaUserFilterComponent {
                 ToolbarFilterStringEnum.EMPTY_STRING_PLACEHOLDER;
         const data = {
             filterType: this.type,
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             queryParams,
             subType,
         };
@@ -12883,7 +12882,7 @@ class CaUserFilterComponent {
             });
         });
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -13108,7 +13107,7 @@ class CaViolationFilterComponent {
         this.minValueDragged = 0;
         this.violationFilterForm.reset();
         const data = {
-            action: eGeneralActions$1.CLEAR,
+            action: eGeneralActions.CLEAR,
             type: this.type,
             filterType: this.type,
         };
@@ -13120,7 +13119,7 @@ class CaViolationFilterComponent {
             ToolbarFilterStringEnum.EMPTY_STRING_PLACEHOLDER.toString();
         const data = {
             filterType: this.type,
-            action: eGeneralActions$1.SET,
+            action: eGeneralActions.SET,
             queryParams,
             subType,
         };
@@ -19560,7 +19559,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\"\n                                [src]=\"getSvgPath('plus')\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\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\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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                        [svgStyle]=\"{\n                            'width.px': 14,\n                            'height.px': 14,\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                <span\n                    class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                    >{{ data.description }}</span\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\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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 | 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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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\"\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\"\n                                [src]=\"getSvgPath('plus')\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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                        [svgStyle]=\"{\n                            'width.px': 14,\n                            'height.px': 14,\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                <span\n                    class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                    >{{ data.description }}</span\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\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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 | 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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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
@@ -19579,7 +19578,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\"\n                                [src]=\"getSvgPath('plus')\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\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\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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                        [svgStyle]=\"{\n                            'width.px': 14,\n                            'height.px': 14,\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                <span\n                    class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                    >{{ data.description }}</span\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\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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 | 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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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\"\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\"\n                                [src]=\"getSvgPath('plus')\"\n                                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                            (click)=\"openAddNewModal()\"\n                            [src]=\"getSvgPath('plus')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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\"\n                        [src]=\"getSvgPath('dolarSign')\"\n                        [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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                        [svgStyle]=\"{\n                            'width.px': 14,\n                            'height.px': 14,\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                <span\n                    class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n                    >{{ data.description }}</span\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\"\n                            [src]=\"getSvgPath('infinityIcon')\"\n                            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\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 | 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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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: [{
@@ -19722,7 +19721,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                    [hideTotal]=\"true\"\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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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}.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\">\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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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
@@ -19742,7 +19741,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                    [hideTotal]=\"true\"\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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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}.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\">\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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}.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: [{
@@ -22071,7 +22070,7 @@ class CaUploadFileComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaUploadFileComponent, deps: [{ token: i1$3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: UrlExtensionPipe }, { token: FileNamePipe }, { token: DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaUploadFileComponent, isStandalone: true, selector: "app-ca-upload-file", inputs: { config: "config", reviewFileConfig: "reviewFileConfig" }, outputs: { fileAction: "fileAction", deleteAction: "deleteAction", documentReviewInputEvent: "documentReviewInputEvent", landscapeCheck: "landscapeCheck", fileHover: "fileHover" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "inputRef", first: true, predicate: CaInputComponent, descendants: true }], ngImport: i0, template: "<div\n    class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n    [ngClass]=\"\n        config\n            | ngClassPipe\n                : t2\n                : isArrowHovered\n                : annotationHover\n                : reviewFileConfig\n    \"\n>\n    <!-- Review Actions -->\n    @if (reviewFileConfig.isReview) {\n        <div\n            class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n        >\n            @if (reviewFileConfig.reviewMode === reviewState.REVIEW_MODE) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Download\"\n                    tooltipBackground=\"#6c6c6c\"\n                    position=\"top\"\n                    class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n                    (click)=\"onAction(documentAction.DOWNLOAD)\"\n                >\n                    <svg-icon [src]=\"icons.download\"></svg-icon>\n                </div>\n                <div\n                    ngbTooltip\n                    mainTooltip=\"\n                    config.file?.incorrect && isIncorrectMarkHover\n                    ? 'Unmark'\n                    : 'Mark Incorrect'\n                    \"\n                    tooltipBackground=\"\n                    config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n                    \"\n                    position=\"top\"\n                    [ngClass]=\"{\n                        'ta-upload-action-mark-correct':\n                            config.file?.incorrect && isIncorrectMarkHover,\n                        'ta-upload-action-mark-incorrect': !(\n                            config.file?.incorrect && isIncorrectMarkHover\n                        ),\n                        incorrect: config.file?.incorrect,\n                    }\"\n                    (click)=\"\n                        onAction(\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? 'mark-correct'\n                                : 'mark-incorrect'\n                        )\n                    \"\n                    (mouseenter)=\"onMouseEnter()\"\n                    (mouseleave)=\"onMouseLeave()\"\n                >\n                    <svg-icon\n                        [src]=\"\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? icons.confirm\n                                : icons.close\n                        \"\n                    ></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- No Review Actions -->\n    @if (\n        !isFileDelete &&\n        (!reviewFileConfig.isReview ||\n            (reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE))\n    ) {\n        <div class=\"ta-upload-file-header d-flex justify-content-between\">\n            <!-- Left Side -->\n            @if (config.customClassName === 'company-documents') {\n                <div class=\"rightside_bar\"></div>\n            } @else {\n                <div\n                    class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n                    tabindex=\"0\"\n                    [ngClass]=\"{\n                        'no-action-tag': !config.hasTagsDropdown,\n                        active: t2?.isOpen(),\n                    }\"\n                    #t2=\"ngbPopover\"\n                    [ngbPopover]=\"tagsPopover\"\n                    [popoverClass]=\"'tags_popover'\"\n                    [placement]=\"'right-top right-bottom'\"\n                    autoclose=\"outside\"\n                    [container]=\"'body'\"\n                    triggers=\"'manual'\"\n                >\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Tag\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                        (click)=\"onAction(documentAction.TAG)\"\n                    >\n                        <svg-icon [src]=\"icons.tag\"></svg-icon>\n                    </div>\n                </div>\n            }\n            <!-- Right Side -->\n            @if (!reviewFileConfig.isActionsHidden) {\n                <div\n                    class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n                    [ngClass]=\"{\n                        'feedback-mode':\n                            reviewFileConfig.isReview &&\n                            reviewFileConfig.reviewMode ===\n                                reviewState.FEEDBACK_MODE,\n                        small:\n                            config.type === 'details' ||\n                            config.type === 'todo' ||\n                            reviewFileConfig.reviewMode ==\n                                reviewState.REVIEW_MODE,\n                        'vertical-mode':\n                            config.customClassName == 'company-documents',\n                    }\"\n                >\n                    @if (config.customClassName === 'company-documents') {\n                        <div\n                            #t2=\"ngbPopover\"\n                            [ngbPopover]=\"tagsPopover\"\n                            [popoverClass]=\"'tags_popover_vertical'\"\n                            [placement]=\"'bottom-left'\"\n                            autoclose=\"outside\"\n                            [container]=\"'body'\"\n                            triggers=\"'manual'\"\n                            ngbTooltip\n                            mainTooltip=\"Tag\"\n                            tooltipBackground=\"#2F2F2F\"\n                            position=\"top\"\n                            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                            [ngClass]=\"{ active: t2?.isOpen() }\"\n                            (click)=\"onAction(documentAction.TAG)\"\n                        >\n                            <svg-icon [src]=\"icons.tag\"></svg-icon>\n                        </div>\n                    }\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Download\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-download\"\n                        (click)=\"onAction(documentAction.DOWNLOAD)\"\n                    >\n                        <svg-icon [src]=\"icons.download\"></svg-icon>\n                    </div>\n                    @if (\n                        config.type != 'details' &&\n                        config.type != 'todo' &&\n                        reviewFileConfig.reviewMode !=\n                            reviewState.REVIEW_MODE &&\n                        config.file?.fileName\n                    ) {\n                        <div\n                            ngbTooltip\n                            mainTooltip=\"Delete\"\n                            tooltipBackground=\"#EF5350\"\n                            position=\"top\"\n                            class=\"ta-upload-action-delete\"\n                            (click)=\"\n                                config.file.fileName &&\n                                    openDeletePopup(config.file.fileName)\n                            \"\n                        >\n                            <svg-icon [src]=\"icons.trash\"></svg-icon>\n                        </div>\n                    }\n                </div>\n            }\n            @if (\n                reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE\n            ) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Marked Incorrect\"\n                    tooltipBackground=\"#EF5350\"\n                    position=\"top\"\n                    class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n                    (click)=\"onAction(documentAction.MARK_INCORRECT)\"\n                >\n                    <svg-icon [src]=\"icons.close\"></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- File Content -->\n    <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n        <!-- Pdf Content -->\n        @if (\n            config.file?.extension?.toLowerCase() === 'pdf' && config.file?.url\n        ) {\n            <pdf-viewer\n                [src]=\"config.file.url\"\n                [(page)]=\"config.activePage\"\n                class=\"pdf_viewer\"\n                [rotation]=\"0\"\n                [original-size]=\"false\"\n                [show-all]=\"true\"\n                [fit-to-page]=\"false\"\n                [zoom]=\"1\"\n                [zoom-scale]=\"'page-width'\"\n                [stick-to-page]=\"false\"\n                [render-text]=\"true\"\n                [external-link-target]=\"'blank'\"\n                [autoresize]=\"true\"\n                [show-borders]=\"false\"\n                (after-load-complete)=\"afterLoadComplete($event)\"\n                (page-rendered)=\"pageRendered($event)\"\n            ></pdf-viewer>\n        }\n\n        <!-- Media Content -->\n        <div\n            class=\"d-flex justify-content-center align-items-center image_main_holder {{\n                config.customClassName\n            }}\"\n        >\n            <!-- Image Content -->\n            @if (isImageFile && config.file?.url) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [ngClass]=\"{\n                        details_image:\n                            config.type === 'details' || config.type === 'todo',\n                    }\"\n                    [src]=\"config.file.url\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            }\n            <!-- Video Tumbnail -->\n            @else if (isVideoFile && !documentLoading) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [src]=\"videoThumbnail\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            } @else {\n                <div class=\"spinner\">\n                    <app-ca-spinner\n                        [size]=\"'small'\"\n                        [color]=\"'blueDark'\"\n                    ></app-ca-spinner>\n                </div>\n            }\n        </div>\n\n        <!-- Tag Content -->\n        @if (\n            (config.hasTagsDropdown ||\n                config.customClassName === 'table-details' ||\n                config.customClassName === 'driver-card-pdf') &&\n            config.file?.tags &&\n            config.file?.tags !== '' &&\n            config.file?.tags !== 'No Tag'\n        ) {\n            <div\n                class=\"ta-upload-file-tag\"\n                [ngClass]=\"{\n                    default: !config.file?.tagGeneratedByUser,\n                    tagRemoving: config.file?.tags.length === 0,\n                }\"\n            >\n                <span>{{\n                    config.file?.tags || reviewFileConfig.categoryTag || ''\n                }}</span>\n            </div>\n        }\n    </div>\n\n    <!-- File Delete Template -->\n    @if (isFileDelete) {\n        <div\n            class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n                config.customClassName\n            }}\"\n        >\n            <div class=\"ta-upload-file-delete-text\">\n                Are you sure you want to delete file?\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n                (click)=\"onAction(documentAction.DELETE)\"\n            >\n                DELETE\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n                (click)=\"onAction(documentAction.CANCEL)\"\n            >\n                CANCEL\n            </div>\n        </div>\n    }\n\n    <!-- File Footer Information -->\n    @if (!reviewFileConfig.isFooterHidden) {\n        <div\n            class=\"ta-upload-file-footer\"\n            [ngClass]=\"{ 'edit-mode': editFile }\"\n            (click)=\"onEditFile()\"\n        >\n            <!-- No edit mode -->\n            @if (!isFileDelete) {\n                <div class=\"footer_info d-flex align-items-center\">\n                    <div\n                        class=\"ta-upload-file-ext ta-upload-file-ext-{{\n                            config.file?.extension\n                                ? (config.file?.realFile.type\n                                  | mimeTypeToExtension\n                                  | lowercase)\n                                : ''\n                        }}\"\n                        [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n                    >\n                        <div>\n                            {{\n                                config.file?.realFile.type\n                                    | mimeTypeToExtension\n                                    | uppercase\n                            }}\n                        </div>\n                    </div>\n                    <div class=\"document_info_hold d-flex\">\n                        @if (numberOfFilePages) {\n                            <div class=\"pdf_page_size\">\n                                {{ numberOfFilePages }}\n                            </div>\n                        }\n\n                        <div\n                            class=\"file_size\"\n                            [ngClass]=\"{\n                                has_pages: numberOfFilePages,\n                            }\"\n                        >\n                            {{ config.file?.size || 0 | byteConvert }}\n                        </div>\n                    </div>\n                </div>\n            }\n            @if (!editFile) {\n                <p\n                    class=\"ta-upload-file-name\"\n                    [ngClass]=\"{\n                        details_title: config.type === 'details',\n                        todo_title: config.type === 'todo',\n                    }\"\n                >\n                    {{ fileName }}\n                </p>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"editMode\"></ng-container>\n            }\n\n            <ng-template #editMode>\n                <app-ca-input\n                    [formControl]=\"fileNewName\"\n                    [inputConfig]=\"fileInputConfig\"\n                    (blurInput)=\"onBlurInput($event)\"\n                ></app-ca-input>\n            </ng-template>\n        </div>\n    }\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n    <div class=\"tags_main_holder\">\n        @if (config.file?.tags?.length) {\n            <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n                <div class=\"remove_tag\">Remove Tag</div>\n            </div>\n            <div class=\"remove_tag_border_holder\">\n                <div class=\"remove_tag_border\"></div>\n            </div>\n        }\n        @for (\n            tag of config?.tagsOptions;\n            let i = $index,\n            first = $first,\n            last = $last;\n            track i\n        ) {\n            <div\n                class=\"tags_inner_holder d-flex align-items-center\"\n                [ngClass]=\"{\n                    firstRow: first,\n                    lastRow: last,\n                }\"\n                (click)=\"selectTag(tag?.tagName)\"\n            >\n                <div class=\"tag_options_holder d-flex align-items-center\">\n                    <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n                        {{ tag.tagName }}\n                    </div>\n                    <div\n                        class=\"checked_icon\"\n                        [ngClass]=\"{ shown: tag.checked }\"\n                    >\n                        <svg-icon [src]=\"icons.confirm\"></svg-icon>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}::ng-deep .pdf_viewer{display:block;height:100%;width:100%}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi{background:#9e47ec66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi:hover{background-color:#b370f0}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mov,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-avi,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mov,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mov{background-color:#b370f0!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaUploadFileComponent, isStandalone: true, selector: "app-ca-upload-file", inputs: { config: "config", reviewFileConfig: "reviewFileConfig" }, outputs: { fileAction: "fileAction", deleteAction: "deleteAction", documentReviewInputEvent: "documentReviewInputEvent", landscapeCheck: "landscapeCheck", fileHover: "fileHover" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "inputRef", first: true, predicate: CaInputComponent, descendants: true }], ngImport: i0, template: "<div\n    class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n    [ngClass]=\"\n        config\n            | ngClassPipe\n                : t2\n                : isArrowHovered\n                : annotationHover\n                : reviewFileConfig\n    \"\n>\n    <!-- Review Actions -->\n    @if (reviewFileConfig.isReview) {\n        <div\n            class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n        >\n            @if (reviewFileConfig.reviewMode === reviewState.REVIEW_MODE) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Download\"\n                    tooltipBackground=\"#6c6c6c\"\n                    position=\"top\"\n                    class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n                    (click)=\"onAction(documentAction.DOWNLOAD)\"\n                >\n                    <svg-icon [src]=\"icons.download\"></svg-icon>\n                </div>\n                <div\n                    ngbTooltip\n                    mainTooltip=\"\n                    config.file?.incorrect && isIncorrectMarkHover\n                    ? 'Unmark'\n                    : 'Mark Incorrect'\n                    \"\n                    tooltipBackground=\"\n                    config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n                    \"\n                    position=\"top\"\n                    [ngClass]=\"{\n                        'ta-upload-action-mark-correct':\n                            config.file?.incorrect && isIncorrectMarkHover,\n                        'ta-upload-action-mark-incorrect': !(\n                            config.file?.incorrect && isIncorrectMarkHover\n                        ),\n                        incorrect: config.file?.incorrect,\n                    }\"\n                    (click)=\"\n                        onAction(\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? 'mark-correct'\n                                : 'mark-incorrect'\n                        )\n                    \"\n                    (mouseenter)=\"onMouseEnter()\"\n                    (mouseleave)=\"onMouseLeave()\"\n                >\n                    <svg-icon\n                        [src]=\"\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? icons.confirm\n                                : icons.close\n                        \"\n                    ></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- No Review Actions -->\n    @if (\n        !isFileDelete &&\n        (!reviewFileConfig.isReview ||\n            (reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE))\n    ) {\n        <div class=\"ta-upload-file-header d-flex justify-content-between\">\n            <!-- Left Side -->\n            @if (config.customClassName === 'company-documents') {\n                <div class=\"rightside_bar\"></div>\n            } @else {\n                <div\n                    class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n                    tabindex=\"0\"\n                    [ngClass]=\"{\n                        'no-action-tag': !config.hasTagsDropdown,\n                        active: t2?.isOpen(),\n                    }\"\n                    #t2=\"ngbPopover\"\n                    [ngbPopover]=\"tagsPopover\"\n                    [popoverClass]=\"'tags_popover'\"\n                    [placement]=\"'right-top right-bottom'\"\n                    autoclose=\"outside\"\n                    [container]=\"'body'\"\n                    triggers=\"'manual'\"\n                >\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Tag\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                        (click)=\"onAction(documentAction.TAG)\"\n                    >\n                        <svg-icon [src]=\"icons.tag\"></svg-icon>\n                    </div>\n                </div>\n            }\n            <!-- Right Side -->\n            @if (!reviewFileConfig.isActionsHidden) {\n                <div\n                    class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n                    [ngClass]=\"{\n                        'feedback-mode':\n                            reviewFileConfig.isReview &&\n                            reviewFileConfig.reviewMode ===\n                                reviewState.FEEDBACK_MODE,\n                        small:\n                            config.type === 'details' ||\n                            config.type === 'todo' ||\n                            reviewFileConfig.reviewMode ==\n                                reviewState.REVIEW_MODE,\n                        'vertical-mode':\n                            config.customClassName == 'company-documents',\n                    }\"\n                >\n                    @if (config.customClassName === 'company-documents') {\n                        <div\n                            #t2=\"ngbPopover\"\n                            [ngbPopover]=\"tagsPopover\"\n                            [popoverClass]=\"'tags_popover_vertical'\"\n                            [placement]=\"'bottom-left'\"\n                            autoclose=\"outside\"\n                            [container]=\"'body'\"\n                            triggers=\"'manual'\"\n                            ngbTooltip\n                            mainTooltip=\"Tag\"\n                            tooltipBackground=\"#2F2F2F\"\n                            position=\"top\"\n                            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                            [ngClass]=\"{ active: t2?.isOpen() }\"\n                            (click)=\"onAction(documentAction.TAG)\"\n                        >\n                            <svg-icon [src]=\"icons.tag\"></svg-icon>\n                        </div>\n                    }\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Download\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-download\"\n                        (click)=\"onAction(documentAction.DOWNLOAD)\"\n                    >\n                        <svg-icon [src]=\"icons.download\"></svg-icon>\n                    </div>\n                    @if (\n                        config.type != 'details' &&\n                        config.type != 'todo' &&\n                        reviewFileConfig.reviewMode !=\n                            reviewState.REVIEW_MODE &&\n                        config.file?.fileName\n                    ) {\n                        <div\n                            ngbTooltip\n                            mainTooltip=\"Delete\"\n                            tooltipBackground=\"#EF5350\"\n                            position=\"top\"\n                            class=\"ta-upload-action-delete\"\n                            (click)=\"\n                                config.file.fileName &&\n                                    openDeletePopup(config.file.fileName)\n                            \"\n                        >\n                            <svg-icon [src]=\"icons.trash\"></svg-icon>\n                        </div>\n                    }\n                </div>\n            }\n            @if (\n                reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE\n            ) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Marked Incorrect\"\n                    tooltipBackground=\"#EF5350\"\n                    position=\"top\"\n                    class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n                    (click)=\"onAction(documentAction.MARK_INCORRECT)\"\n                >\n                    <svg-icon [src]=\"icons.close\"></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- File Content -->\n    <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n        <!-- Pdf Content -->\n        @if (\n            config.file?.extension?.toLowerCase() === 'pdf' && config.file?.url\n        ) {\n            <pdf-viewer\n                [src]=\"config.file.url\"\n                [(page)]=\"config.activePage\"\n                class=\"pdf_viewer\"\n                [rotation]=\"0\"\n                [original-size]=\"false\"\n                [show-all]=\"true\"\n                [fit-to-page]=\"false\"\n                [zoom]=\"1\"\n                [zoom-scale]=\"'page-width'\"\n                [stick-to-page]=\"false\"\n                [render-text]=\"true\"\n                [external-link-target]=\"'blank'\"\n                [autoresize]=\"true\"\n                [show-borders]=\"false\"\n                (after-load-complete)=\"afterLoadComplete($event)\"\n                (page-rendered)=\"pageRendered($event)\"\n            ></pdf-viewer>\n        }\n\n        <!-- Media Content -->\n        <div\n            class=\"d-flex justify-content-center align-items-center image_main_holder {{\n                config.customClassName\n            }}\"\n        >\n            <!-- Image Content -->\n            @if (isImageFile && config.file?.url) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [ngClass]=\"{\n                        details_image:\n                            config.type === 'details' || config.type === 'todo',\n                    }\"\n                    [src]=\"config.file.url\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            }\n            <!-- Video Tumbnail -->\n            @else if (isVideoFile && !documentLoading) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [src]=\"videoThumbnail\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            } @else {\n                <div class=\"spinner\">\n                    <app-ca-spinner\n                        [size]=\"'small'\"\n                        [color]=\"'blueDark'\"\n                    ></app-ca-spinner>\n                </div>\n            }\n        </div>\n\n        <!-- Tag Content -->\n        @if (\n            (config.hasTagsDropdown ||\n                config.customClassName === 'table-details' ||\n                config.customClassName === 'driver-card-pdf') &&\n            config.file?.tags &&\n            config.file?.tags !== '' &&\n            config.file?.tags !== 'No Tag'\n        ) {\n            <div\n                class=\"ta-upload-file-tag\"\n                [ngClass]=\"{\n                    default: !config.file?.tagGeneratedByUser,\n                    tagRemoving: config.file?.tags.length === 0,\n                }\"\n            >\n                <span>{{\n                    config.file?.tags || reviewFileConfig.categoryTag || ''\n                }}</span>\n            </div>\n        }\n    </div>\n\n    <!-- File Delete Template -->\n    @if (isFileDelete) {\n        <div\n            class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n                config.customClassName\n            }}\"\n        >\n            <div class=\"ta-upload-file-delete-text\">\n                Are you sure you want to delete file?\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n                (click)=\"onAction(documentAction.DELETE)\"\n            >\n                DELETE\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n                (click)=\"onAction(documentAction.CANCEL)\"\n            >\n                CANCEL\n            </div>\n        </div>\n    }\n\n    <!-- File Footer Information -->\n    @if (!reviewFileConfig.isFooterHidden) {\n        <div\n            class=\"ta-upload-file-footer\"\n            [ngClass]=\"{ 'edit-mode': editFile }\"\n            (click)=\"onEditFile()\"\n        >\n            <!-- No edit mode -->\n            @if (!isFileDelete) {\n                <div class=\"footer_info d-flex align-items-center\">\n                    <div\n                        class=\"ta-upload-file-ext ta-upload-file-ext-{{\n                            config.file?.extension\n                                ? (config.file?.realFile?.type\n                                  | mimeTypeToExtension\n                                  | lowercase)\n                                : ''\n                        }}\"\n                        [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n                    >\n                        <div>\n                            {{\n                                config.file?.realFile?.type\n                                    | mimeTypeToExtension\n                                    | uppercase\n                            }}\n                        </div>\n                    </div>\n                    <div class=\"document_info_hold d-flex\">\n                        @if (numberOfFilePages) {\n                            <div class=\"pdf_page_size\">\n                                {{ numberOfFilePages }}\n                            </div>\n                        }\n\n                        <div\n                            class=\"file_size\"\n                            [ngClass]=\"{\n                                has_pages: numberOfFilePages,\n                            }\"\n                        >\n                            {{ config.file?.size || 0 | byteConvert }}\n                        </div>\n                    </div>\n                </div>\n            }\n            @if (!editFile) {\n                <p\n                    class=\"ta-upload-file-name\"\n                    [ngClass]=\"{\n                        details_title: config.type === 'details',\n                        todo_title: config.type === 'todo',\n                    }\"\n                >\n                    {{ fileName }}\n                </p>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"editMode\"></ng-container>\n            }\n\n            <ng-template #editMode>\n                <app-ca-input\n                    [formControl]=\"fileNewName\"\n                    [inputConfig]=\"fileInputConfig\"\n                    (blurInput)=\"onBlurInput($event)\"\n                ></app-ca-input>\n            </ng-template>\n        </div>\n    }\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n    <div class=\"tags_main_holder\">\n        @if (config.file?.tags?.length) {\n            <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n                <div class=\"remove_tag\">Remove Tag</div>\n            </div>\n            <div class=\"remove_tag_border_holder\">\n                <div class=\"remove_tag_border\"></div>\n            </div>\n        }\n        @for (\n            tag of config?.tagsOptions;\n            let i = $index,\n            first = $first,\n            last = $last;\n            track i\n        ) {\n            <div\n                class=\"tags_inner_holder d-flex align-items-center\"\n                [ngClass]=\"{\n                    firstRow: first,\n                    lastRow: last,\n                }\"\n                (click)=\"selectTag(tag?.tagName)\"\n            >\n                <div class=\"tag_options_holder d-flex align-items-center\">\n                    <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n                        {{ tag.tagName }}\n                    </div>\n                    <div\n                        class=\"checked_icon\"\n                        [ngClass]=\"{ shown: tag.checked }\"\n                    >\n                        <svg-icon [src]=\"icons.confirm\"></svg-icon>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}::ng-deep .pdf_viewer{display:block;height:100%;width:100%}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi{background:#9e47ec66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi:hover{background-color:#b370f0}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mov,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-avi,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mov,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mov{background-color:#b370f0!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NgxMaskModule }, { kind: "pipe", type: 
                 // pipes
@@ -22099,7 +22098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         //components
                         CaSpinnerComponent,
                         CaInputComponent,
-                    ], encapsulation: ViewEncapsulation.Emulated, template: "<div\n    class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n    [ngClass]=\"\n        config\n            | ngClassPipe\n                : t2\n                : isArrowHovered\n                : annotationHover\n                : reviewFileConfig\n    \"\n>\n    <!-- Review Actions -->\n    @if (reviewFileConfig.isReview) {\n        <div\n            class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n        >\n            @if (reviewFileConfig.reviewMode === reviewState.REVIEW_MODE) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Download\"\n                    tooltipBackground=\"#6c6c6c\"\n                    position=\"top\"\n                    class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n                    (click)=\"onAction(documentAction.DOWNLOAD)\"\n                >\n                    <svg-icon [src]=\"icons.download\"></svg-icon>\n                </div>\n                <div\n                    ngbTooltip\n                    mainTooltip=\"\n                    config.file?.incorrect && isIncorrectMarkHover\n                    ? 'Unmark'\n                    : 'Mark Incorrect'\n                    \"\n                    tooltipBackground=\"\n                    config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n                    \"\n                    position=\"top\"\n                    [ngClass]=\"{\n                        'ta-upload-action-mark-correct':\n                            config.file?.incorrect && isIncorrectMarkHover,\n                        'ta-upload-action-mark-incorrect': !(\n                            config.file?.incorrect && isIncorrectMarkHover\n                        ),\n                        incorrect: config.file?.incorrect,\n                    }\"\n                    (click)=\"\n                        onAction(\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? 'mark-correct'\n                                : 'mark-incorrect'\n                        )\n                    \"\n                    (mouseenter)=\"onMouseEnter()\"\n                    (mouseleave)=\"onMouseLeave()\"\n                >\n                    <svg-icon\n                        [src]=\"\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? icons.confirm\n                                : icons.close\n                        \"\n                    ></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- No Review Actions -->\n    @if (\n        !isFileDelete &&\n        (!reviewFileConfig.isReview ||\n            (reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE))\n    ) {\n        <div class=\"ta-upload-file-header d-flex justify-content-between\">\n            <!-- Left Side -->\n            @if (config.customClassName === 'company-documents') {\n                <div class=\"rightside_bar\"></div>\n            } @else {\n                <div\n                    class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n                    tabindex=\"0\"\n                    [ngClass]=\"{\n                        'no-action-tag': !config.hasTagsDropdown,\n                        active: t2?.isOpen(),\n                    }\"\n                    #t2=\"ngbPopover\"\n                    [ngbPopover]=\"tagsPopover\"\n                    [popoverClass]=\"'tags_popover'\"\n                    [placement]=\"'right-top right-bottom'\"\n                    autoclose=\"outside\"\n                    [container]=\"'body'\"\n                    triggers=\"'manual'\"\n                >\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Tag\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                        (click)=\"onAction(documentAction.TAG)\"\n                    >\n                        <svg-icon [src]=\"icons.tag\"></svg-icon>\n                    </div>\n                </div>\n            }\n            <!-- Right Side -->\n            @if (!reviewFileConfig.isActionsHidden) {\n                <div\n                    class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n                    [ngClass]=\"{\n                        'feedback-mode':\n                            reviewFileConfig.isReview &&\n                            reviewFileConfig.reviewMode ===\n                                reviewState.FEEDBACK_MODE,\n                        small:\n                            config.type === 'details' ||\n                            config.type === 'todo' ||\n                            reviewFileConfig.reviewMode ==\n                                reviewState.REVIEW_MODE,\n                        'vertical-mode':\n                            config.customClassName == 'company-documents',\n                    }\"\n                >\n                    @if (config.customClassName === 'company-documents') {\n                        <div\n                            #t2=\"ngbPopover\"\n                            [ngbPopover]=\"tagsPopover\"\n                            [popoverClass]=\"'tags_popover_vertical'\"\n                            [placement]=\"'bottom-left'\"\n                            autoclose=\"outside\"\n                            [container]=\"'body'\"\n                            triggers=\"'manual'\"\n                            ngbTooltip\n                            mainTooltip=\"Tag\"\n                            tooltipBackground=\"#2F2F2F\"\n                            position=\"top\"\n                            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                            [ngClass]=\"{ active: t2?.isOpen() }\"\n                            (click)=\"onAction(documentAction.TAG)\"\n                        >\n                            <svg-icon [src]=\"icons.tag\"></svg-icon>\n                        </div>\n                    }\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Download\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-download\"\n                        (click)=\"onAction(documentAction.DOWNLOAD)\"\n                    >\n                        <svg-icon [src]=\"icons.download\"></svg-icon>\n                    </div>\n                    @if (\n                        config.type != 'details' &&\n                        config.type != 'todo' &&\n                        reviewFileConfig.reviewMode !=\n                            reviewState.REVIEW_MODE &&\n                        config.file?.fileName\n                    ) {\n                        <div\n                            ngbTooltip\n                            mainTooltip=\"Delete\"\n                            tooltipBackground=\"#EF5350\"\n                            position=\"top\"\n                            class=\"ta-upload-action-delete\"\n                            (click)=\"\n                                config.file.fileName &&\n                                    openDeletePopup(config.file.fileName)\n                            \"\n                        >\n                            <svg-icon [src]=\"icons.trash\"></svg-icon>\n                        </div>\n                    }\n                </div>\n            }\n            @if (\n                reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE\n            ) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Marked Incorrect\"\n                    tooltipBackground=\"#EF5350\"\n                    position=\"top\"\n                    class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n                    (click)=\"onAction(documentAction.MARK_INCORRECT)\"\n                >\n                    <svg-icon [src]=\"icons.close\"></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- File Content -->\n    <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n        <!-- Pdf Content -->\n        @if (\n            config.file?.extension?.toLowerCase() === 'pdf' && config.file?.url\n        ) {\n            <pdf-viewer\n                [src]=\"config.file.url\"\n                [(page)]=\"config.activePage\"\n                class=\"pdf_viewer\"\n                [rotation]=\"0\"\n                [original-size]=\"false\"\n                [show-all]=\"true\"\n                [fit-to-page]=\"false\"\n                [zoom]=\"1\"\n                [zoom-scale]=\"'page-width'\"\n                [stick-to-page]=\"false\"\n                [render-text]=\"true\"\n                [external-link-target]=\"'blank'\"\n                [autoresize]=\"true\"\n                [show-borders]=\"false\"\n                (after-load-complete)=\"afterLoadComplete($event)\"\n                (page-rendered)=\"pageRendered($event)\"\n            ></pdf-viewer>\n        }\n\n        <!-- Media Content -->\n        <div\n            class=\"d-flex justify-content-center align-items-center image_main_holder {{\n                config.customClassName\n            }}\"\n        >\n            <!-- Image Content -->\n            @if (isImageFile && config.file?.url) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [ngClass]=\"{\n                        details_image:\n                            config.type === 'details' || config.type === 'todo',\n                    }\"\n                    [src]=\"config.file.url\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            }\n            <!-- Video Tumbnail -->\n            @else if (isVideoFile && !documentLoading) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [src]=\"videoThumbnail\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            } @else {\n                <div class=\"spinner\">\n                    <app-ca-spinner\n                        [size]=\"'small'\"\n                        [color]=\"'blueDark'\"\n                    ></app-ca-spinner>\n                </div>\n            }\n        </div>\n\n        <!-- Tag Content -->\n        @if (\n            (config.hasTagsDropdown ||\n                config.customClassName === 'table-details' ||\n                config.customClassName === 'driver-card-pdf') &&\n            config.file?.tags &&\n            config.file?.tags !== '' &&\n            config.file?.tags !== 'No Tag'\n        ) {\n            <div\n                class=\"ta-upload-file-tag\"\n                [ngClass]=\"{\n                    default: !config.file?.tagGeneratedByUser,\n                    tagRemoving: config.file?.tags.length === 0,\n                }\"\n            >\n                <span>{{\n                    config.file?.tags || reviewFileConfig.categoryTag || ''\n                }}</span>\n            </div>\n        }\n    </div>\n\n    <!-- File Delete Template -->\n    @if (isFileDelete) {\n        <div\n            class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n                config.customClassName\n            }}\"\n        >\n            <div class=\"ta-upload-file-delete-text\">\n                Are you sure you want to delete file?\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n                (click)=\"onAction(documentAction.DELETE)\"\n            >\n                DELETE\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n                (click)=\"onAction(documentAction.CANCEL)\"\n            >\n                CANCEL\n            </div>\n        </div>\n    }\n\n    <!-- File Footer Information -->\n    @if (!reviewFileConfig.isFooterHidden) {\n        <div\n            class=\"ta-upload-file-footer\"\n            [ngClass]=\"{ 'edit-mode': editFile }\"\n            (click)=\"onEditFile()\"\n        >\n            <!-- No edit mode -->\n            @if (!isFileDelete) {\n                <div class=\"footer_info d-flex align-items-center\">\n                    <div\n                        class=\"ta-upload-file-ext ta-upload-file-ext-{{\n                            config.file?.extension\n                                ? (config.file?.realFile.type\n                                  | mimeTypeToExtension\n                                  | lowercase)\n                                : ''\n                        }}\"\n                        [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n                    >\n                        <div>\n                            {{\n                                config.file?.realFile.type\n                                    | mimeTypeToExtension\n                                    | uppercase\n                            }}\n                        </div>\n                    </div>\n                    <div class=\"document_info_hold d-flex\">\n                        @if (numberOfFilePages) {\n                            <div class=\"pdf_page_size\">\n                                {{ numberOfFilePages }}\n                            </div>\n                        }\n\n                        <div\n                            class=\"file_size\"\n                            [ngClass]=\"{\n                                has_pages: numberOfFilePages,\n                            }\"\n                        >\n                            {{ config.file?.size || 0 | byteConvert }}\n                        </div>\n                    </div>\n                </div>\n            }\n            @if (!editFile) {\n                <p\n                    class=\"ta-upload-file-name\"\n                    [ngClass]=\"{\n                        details_title: config.type === 'details',\n                        todo_title: config.type === 'todo',\n                    }\"\n                >\n                    {{ fileName }}\n                </p>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"editMode\"></ng-container>\n            }\n\n            <ng-template #editMode>\n                <app-ca-input\n                    [formControl]=\"fileNewName\"\n                    [inputConfig]=\"fileInputConfig\"\n                    (blurInput)=\"onBlurInput($event)\"\n                ></app-ca-input>\n            </ng-template>\n        </div>\n    }\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n    <div class=\"tags_main_holder\">\n        @if (config.file?.tags?.length) {\n            <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n                <div class=\"remove_tag\">Remove Tag</div>\n            </div>\n            <div class=\"remove_tag_border_holder\">\n                <div class=\"remove_tag_border\"></div>\n            </div>\n        }\n        @for (\n            tag of config?.tagsOptions;\n            let i = $index,\n            first = $first,\n            last = $last;\n            track i\n        ) {\n            <div\n                class=\"tags_inner_holder d-flex align-items-center\"\n                [ngClass]=\"{\n                    firstRow: first,\n                    lastRow: last,\n                }\"\n                (click)=\"selectTag(tag?.tagName)\"\n            >\n                <div class=\"tag_options_holder d-flex align-items-center\">\n                    <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n                        {{ tag.tagName }}\n                    </div>\n                    <div\n                        class=\"checked_icon\"\n                        [ngClass]=\"{ shown: tag.checked }\"\n                    >\n                        <svg-icon [src]=\"icons.confirm\"></svg-icon>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}::ng-deep .pdf_viewer{display:block;height:100%;width:100%}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi{background:#9e47ec66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi:hover{background-color:#b370f0}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mov,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-avi,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mov,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mov{background-color:#b370f0!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"] }]
+                    ], encapsulation: ViewEncapsulation.Emulated, template: "<div\n    class=\"ta-upload-file-container d-grid {{ config.customClassName }}\"\n    [ngClass]=\"\n        config\n            | ngClassPipe\n                : t2\n                : isArrowHovered\n                : annotationHover\n                : reviewFileConfig\n    \"\n>\n    <!-- Review Actions -->\n    @if (reviewFileConfig.isReview) {\n        <div\n            class=\"ta-upload-file-header-review d-flex align-items-center justify-content-between\"\n        >\n            @if (reviewFileConfig.reviewMode === reviewState.REVIEW_MODE) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Download\"\n                    tooltipBackground=\"#6c6c6c\"\n                    position=\"top\"\n                    class=\"ta-upload-action-download-review d-flex align-items-center justify-content-center\"\n                    (click)=\"onAction(documentAction.DOWNLOAD)\"\n                >\n                    <svg-icon [src]=\"icons.download\"></svg-icon>\n                </div>\n                <div\n                    ngbTooltip\n                    mainTooltip=\"\n                    config.file?.incorrect && isIncorrectMarkHover\n                    ? 'Unmark'\n                    : 'Mark Incorrect'\n                    \"\n                    tooltipBackground=\"\n                    config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'\n                    \"\n                    position=\"top\"\n                    [ngClass]=\"{\n                        'ta-upload-action-mark-correct':\n                            config.file?.incorrect && isIncorrectMarkHover,\n                        'ta-upload-action-mark-incorrect': !(\n                            config.file?.incorrect && isIncorrectMarkHover\n                        ),\n                        incorrect: config.file?.incorrect,\n                    }\"\n                    (click)=\"\n                        onAction(\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? 'mark-correct'\n                                : 'mark-incorrect'\n                        )\n                    \"\n                    (mouseenter)=\"onMouseEnter()\"\n                    (mouseleave)=\"onMouseLeave()\"\n                >\n                    <svg-icon\n                        [src]=\"\n                            config.file?.incorrect && isIncorrectMarkHover\n                                ? icons.confirm\n                                : icons.close\n                        \"\n                    ></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- No Review Actions -->\n    @if (\n        !isFileDelete &&\n        (!reviewFileConfig.isReview ||\n            (reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE))\n    ) {\n        <div class=\"ta-upload-file-header d-flex justify-content-between\">\n            <!-- Left Side -->\n            @if (config.customClassName === 'company-documents') {\n                <div class=\"rightside_bar\"></div>\n            } @else {\n                <div\n                    class=\"ta-upload-file-action-leftside d-flex justify-content-center align-items-center\"\n                    tabindex=\"0\"\n                    [ngClass]=\"{\n                        'no-action-tag': !config.hasTagsDropdown,\n                        active: t2?.isOpen(),\n                    }\"\n                    #t2=\"ngbPopover\"\n                    [ngbPopover]=\"tagsPopover\"\n                    [popoverClass]=\"'tags_popover'\"\n                    [placement]=\"'right-top right-bottom'\"\n                    autoclose=\"outside\"\n                    [container]=\"'body'\"\n                    triggers=\"'manual'\"\n                >\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Tag\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                        (click)=\"onAction(documentAction.TAG)\"\n                    >\n                        <svg-icon [src]=\"icons.tag\"></svg-icon>\n                    </div>\n                </div>\n            }\n            <!-- Right Side -->\n            @if (!reviewFileConfig.isActionsHidden) {\n                <div\n                    class=\"ta-upload-file-action-rightside d-flex justify-content-around align-items-center\"\n                    [ngClass]=\"{\n                        'feedback-mode':\n                            reviewFileConfig.isReview &&\n                            reviewFileConfig.reviewMode ===\n                                reviewState.FEEDBACK_MODE,\n                        small:\n                            config.type === 'details' ||\n                            config.type === 'todo' ||\n                            reviewFileConfig.reviewMode ==\n                                reviewState.REVIEW_MODE,\n                        'vertical-mode':\n                            config.customClassName == 'company-documents',\n                    }\"\n                >\n                    @if (config.customClassName === 'company-documents') {\n                        <div\n                            #t2=\"ngbPopover\"\n                            [ngbPopover]=\"tagsPopover\"\n                            [popoverClass]=\"'tags_popover_vertical'\"\n                            [placement]=\"'bottom-left'\"\n                            autoclose=\"outside\"\n                            [container]=\"'body'\"\n                            triggers=\"'manual'\"\n                            ngbTooltip\n                            mainTooltip=\"Tag\"\n                            tooltipBackground=\"#2F2F2F\"\n                            position=\"top\"\n                            class=\"ta-upload-action-tag d-flex justify-content-center align-items-center\"\n                            [ngClass]=\"{ active: t2?.isOpen() }\"\n                            (click)=\"onAction(documentAction.TAG)\"\n                        >\n                            <svg-icon [src]=\"icons.tag\"></svg-icon>\n                        </div>\n                    }\n                    <div\n                        ngbTooltip\n                        mainTooltip=\"Download\"\n                        tooltipBackground=\"#2F2F2F\"\n                        position=\"top\"\n                        class=\"ta-upload-action-download\"\n                        (click)=\"onAction(documentAction.DOWNLOAD)\"\n                    >\n                        <svg-icon [src]=\"icons.download\"></svg-icon>\n                    </div>\n                    @if (\n                        config.type != 'details' &&\n                        config.type != 'todo' &&\n                        reviewFileConfig.reviewMode !=\n                            reviewState.REVIEW_MODE &&\n                        config.file?.fileName\n                    ) {\n                        <div\n                            ngbTooltip\n                            mainTooltip=\"Delete\"\n                            tooltipBackground=\"#EF5350\"\n                            position=\"top\"\n                            class=\"ta-upload-action-delete\"\n                            (click)=\"\n                                config.file.fileName &&\n                                    openDeletePopup(config.file.fileName)\n                            \"\n                        >\n                            <svg-icon [src]=\"icons.trash\"></svg-icon>\n                        </div>\n                    }\n                </div>\n            }\n            @if (\n                reviewFileConfig.isReview &&\n                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE\n            ) {\n                <div\n                    ngbTooltip\n                    mainTooltip=\"Marked Incorrect\"\n                    tooltipBackground=\"#EF5350\"\n                    position=\"top\"\n                    class=\"ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center\"\n                    (click)=\"onAction(documentAction.MARK_INCORRECT)\"\n                >\n                    <svg-icon [src]=\"icons.close\"></svg-icon>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- File Content -->\n    <div class=\"ta-upload-file-content  {{ config.customClassName }}\">\n        <!-- Pdf Content -->\n        @if (\n            config.file?.extension?.toLowerCase() === 'pdf' && config.file?.url\n        ) {\n            <pdf-viewer\n                [src]=\"config.file.url\"\n                [(page)]=\"config.activePage\"\n                class=\"pdf_viewer\"\n                [rotation]=\"0\"\n                [original-size]=\"false\"\n                [show-all]=\"true\"\n                [fit-to-page]=\"false\"\n                [zoom]=\"1\"\n                [zoom-scale]=\"'page-width'\"\n                [stick-to-page]=\"false\"\n                [render-text]=\"true\"\n                [external-link-target]=\"'blank'\"\n                [autoresize]=\"true\"\n                [show-borders]=\"false\"\n                (after-load-complete)=\"afterLoadComplete($event)\"\n                (page-rendered)=\"pageRendered($event)\"\n            ></pdf-viewer>\n        }\n\n        <!-- Media Content -->\n        <div\n            class=\"d-flex justify-content-center align-items-center image_main_holder {{\n                config.customClassName\n            }}\"\n        >\n            <!-- Image Content -->\n            @if (isImageFile && config.file?.url) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [ngClass]=\"{\n                        details_image:\n                            config.type === 'details' || config.type === 'todo',\n                    }\"\n                    [src]=\"config.file.url\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            }\n            <!-- Video Tumbnail -->\n            @else if (isVideoFile && !documentLoading) {\n                <img\n                    class=\"ta-upload-file-image\"\n                    [src]=\"videoThumbnail\"\n                    [alt]=\"config.file?.fileName\"\n                />\n            } @else {\n                <div class=\"spinner\">\n                    <app-ca-spinner\n                        [size]=\"'small'\"\n                        [color]=\"'blueDark'\"\n                    ></app-ca-spinner>\n                </div>\n            }\n        </div>\n\n        <!-- Tag Content -->\n        @if (\n            (config.hasTagsDropdown ||\n                config.customClassName === 'table-details' ||\n                config.customClassName === 'driver-card-pdf') &&\n            config.file?.tags &&\n            config.file?.tags !== '' &&\n            config.file?.tags !== 'No Tag'\n        ) {\n            <div\n                class=\"ta-upload-file-tag\"\n                [ngClass]=\"{\n                    default: !config.file?.tagGeneratedByUser,\n                    tagRemoving: config.file?.tags.length === 0,\n                }\"\n            >\n                <span>{{\n                    config.file?.tags || reviewFileConfig.categoryTag || ''\n                }}</span>\n            </div>\n        }\n    </div>\n\n    <!-- File Delete Template -->\n    @if (isFileDelete) {\n        <div\n            class=\"ta-upload-file-delete-template d-flex align-items-center flex-column {{\n                config.customClassName\n            }}\"\n        >\n            <div class=\"ta-upload-file-delete-text\">\n                Are you sure you want to delete file?\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete\"\n                (click)=\"onAction(documentAction.DELETE)\"\n            >\n                DELETE\n            </div>\n            <div\n                class=\"ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel\"\n                (click)=\"onAction(documentAction.CANCEL)\"\n            >\n                CANCEL\n            </div>\n        </div>\n    }\n\n    <!-- File Footer Information -->\n    @if (!reviewFileConfig.isFooterHidden) {\n        <div\n            class=\"ta-upload-file-footer\"\n            [ngClass]=\"{ 'edit-mode': editFile }\"\n            (click)=\"onEditFile()\"\n        >\n            <!-- No edit mode -->\n            @if (!isFileDelete) {\n                <div class=\"footer_info d-flex align-items-center\">\n                    <div\n                        class=\"ta-upload-file-ext ta-upload-file-ext-{{\n                            config.file?.extension\n                                ? (config.file?.realFile?.type\n                                  | mimeTypeToExtension\n                                  | lowercase)\n                                : ''\n                        }}\"\n                        [ngClass]=\"{ 'no-tag': !config.file?.tags }\"\n                    >\n                        <div>\n                            {{\n                                config.file?.realFile?.type\n                                    | mimeTypeToExtension\n                                    | uppercase\n                            }}\n                        </div>\n                    </div>\n                    <div class=\"document_info_hold d-flex\">\n                        @if (numberOfFilePages) {\n                            <div class=\"pdf_page_size\">\n                                {{ numberOfFilePages }}\n                            </div>\n                        }\n\n                        <div\n                            class=\"file_size\"\n                            [ngClass]=\"{\n                                has_pages: numberOfFilePages,\n                            }\"\n                        >\n                            {{ config.file?.size || 0 | byteConvert }}\n                        </div>\n                    </div>\n                </div>\n            }\n            @if (!editFile) {\n                <p\n                    class=\"ta-upload-file-name\"\n                    [ngClass]=\"{\n                        details_title: config.type === 'details',\n                        todo_title: config.type === 'todo',\n                    }\"\n                >\n                    {{ fileName }}\n                </p>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"editMode\"></ng-container>\n            }\n\n            <ng-template #editMode>\n                <app-ca-input\n                    [formControl]=\"fileNewName\"\n                    [inputConfig]=\"fileInputConfig\"\n                    (blurInput)=\"onBlurInput($event)\"\n                ></app-ca-input>\n            </ng-template>\n        </div>\n    }\n</div>\n\n<ng-template #tagsPopover let-data=\"data\">\n    <div class=\"tags_main_holder\">\n        @if (config.file?.tags?.length) {\n            <div class=\"remove_tag_holder\" (click)=\"removeTag()\">\n                <div class=\"remove_tag\">Remove Tag</div>\n            </div>\n            <div class=\"remove_tag_border_holder\">\n                <div class=\"remove_tag_border\"></div>\n            </div>\n        }\n        @for (\n            tag of config?.tagsOptions;\n            let i = $index,\n            first = $first,\n            last = $last;\n            track i\n        ) {\n            <div\n                class=\"tags_inner_holder d-flex align-items-center\"\n                [ngClass]=\"{\n                    firstRow: first,\n                    lastRow: last,\n                }\"\n                (click)=\"selectTag(tag?.tagName)\"\n            >\n                <div class=\"tag_options_holder d-flex align-items-center\">\n                    <div class=\"tag_name\" [ngClass]=\"{ checked: tag.checked }\">\n                        {{ tag.tagName }}\n                    </div>\n                    <div\n                        class=\"checked_icon\"\n                        [ngClass]=\"{ shown: tag.checked }\"\n                    >\n                        <svg-icon [src]=\"icons.confirm\"></svg-icon>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-weight:500!important}.ca-font-semi-bold,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{font-weight:600!important}.ca-font-bold,.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name.checked,.tags_main_holder .remove_tag_holder .remove_tag,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container .ta-upload-file-footer .document_info_hold,.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn,.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.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-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-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-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.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-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-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-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-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!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:#bed0f9!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-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-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-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-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}.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}::ng-deep .pdf_viewer{display:block;height:100%;width:100%}.ta-upload-file-container{width:148px;height:178px;border-radius:2px;grid-template-rows:160px 1fr;position:relative;transition:transform .3s ease-in-out;overflow:hidden}.ta-upload-file-container.modal{background-color:#f3f3f3}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out;background-color:#f3f3f3}.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container:hover .ta-upload-file-header-review .ta-upload-action-mark-correct,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-file-action-leftside .ta-upload-action-mark-incorrect,.ta-upload-file-container.keep_open .ta-upload-file-header-review .ta-upload-action-mark-correct{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.applicant_review{overflow:visible}.ta-upload-file-container.applicant_review .ta-upload-file-header-review .ta-upload-action-mark-incorrect{opacity:1!important;pointer-events:all!important}.ta-upload-file-container.annotation_hover .ta-upload-file-header-review .ta-upload-action-download-review{opacity:0!important;pointer-events:none!important}.ta-upload-file-container.applicant_feedback{overflow:visible}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-file-action-rightside{opacity:0;pointer-events:none}.ta-upload-file-container.applicant_feedback .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-leftside,.ta-upload-file-container.applicant_feedback:hover .ta-upload-file-header .ta-upload-file-action-rightside{opacity:1!important;pointer-events:all!important}.ta-upload-file-container .ta-upload-file-header-review{position:absolute;top:4px;right:4px;width:140px;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{width:30px;height:30px;line-height:15px;background-color:#6c6c6ce6;border-radius:1px;position:absolute;right:0;transition:transform .3s ease-in-out;cursor:pointer;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover{background-color:#6c6c6c}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-download-review:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect:hover svg path,.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect{right:4px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg{height:24px;width:24px}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect svg rect{fill:transparent!important}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-incorrect.incorrect svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header-review .ta-upload-action-mark-correct{right:4px}.ta-upload-file-container .ta-upload-file-header-review .review-feedback-container{position:absolute;left:170px;top:8px}.ta-upload-file-container .ta-upload-file-header{position:absolute;top:4px;right:4px;width:100%;height:30px;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside{opacity:0;width:30px;margin-left:8px;height:30px;border-radius:1px;background-color:#6c6c6ce6;text-align:center;padding:6px;cursor:pointer;transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside:focus{transition:transform .1s ease-in-out;opacity:1!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag{width:100%;height:100%}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg{display:flex;height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover{transition:transform .1s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.active .ta-upload-action-tag svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-leftside.no-action-tag{opacity:0;visibility:none;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside{padding:6px;gap:12px;width:60px;height:30px;text-align:center;border-radius:1px;background-color:#6c6c6ce6;cursor:pointer}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.vertical-mode{display:block;width:30px;height:90px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg{height:18px;width:18px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag svg path{fill:#dadada}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover{transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete:hover svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag:hover svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active{transition:transform .1s ease-in-out;background-color:#424242}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.active svg path,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.active svg path{fill:#fff}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-download.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-delete.no-action-tag,.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside .ta-upload-action-tag.no-action-tag{opacity:0;height:0;padding:0;pointer-events:none!important}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.feedback-mode{position:relative;left:15px}.ta-upload-file-container .ta-upload-file-header .ta-upload-file-action-rightside.small{width:30px;height:30px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark{width:30px;height:30px;border-radius:2px;background-color:#ef5350e6;cursor:pointer;transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark svg-icon{width:18px;height:24px}.ta-upload-file-container .ta-upload-file-header .ta-upload-action-feedback-incorrect-mark:hover{background-color:#ef5350}.ta-upload-file-container .ta-upload-file-content{overflow:hidden;width:140px;height:140px;margin:4px;position:relative}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container{display:flex;align-items:center;justify-content:center;background-color:transparent!important;width:160px!important;height:160px!important;border-radius:1px!important;top:4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:2}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer span,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .textLayer textarea,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section input,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .annotationLayer section textarea{background-image:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas{width:160px!important;max-height:160px!important;margin:0!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content .ng2-pdf-viewer-container .pdfViewer{box-shadow:0 0 4px #00000026}.ta-upload-file-container .ta-upload-file-content .image_main_holder{height:148px}.ta-upload-file-container .ta-upload-file-content .image_main_holder .spinner{position:absolute}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image{max-width:160px;max-height:157px;object-fit:fill;border-radius:1px;vertical-align:middle;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:0 0 4px #00000026;z-index:2}.ta-upload-file-container .ta-upload-file-content .image_main_holder .ta-upload-file-image.details_image{left:49%;max-width:276px;max-height:276px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-details-pdf .ta-upload-file-image{max-width:378px;max-height:378px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.todo-details{height:186px;width:186px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details{margin-top:4px;width:192px;height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.table-details .ta-upload-file-image{max-width:192px;max-height:188px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf{margin-top:4px;width:408px;height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-card-pdf .ta-upload-file-image{max-width:408px;max-height:408px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf{margin-top:4px;width:308px;height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.driver-details-pdf .ta-upload-file-image{max-width:308px;max-height:306px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents{height:289px;width:294px;margin-top:4px}.ta-upload-file-container .ta-upload-file-content .image_main_holder.company-documents .ta-upload-file-image{max-width:294px;max-height:294px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-number-of-pages{position:absolute;bottom:-4px;left:0;height:18px;text-align:center;padding:2px 6px;border-radius:2px;background-color:#6c6c6ce6;color:#fff;font-size:11px;line-height:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag{max-width:100%;height:18px;border-radius:1px;background-color:#3b73ed66;color:#fff;font-size:11px;bottom:20px;position:absolute;left:0;padding:2px 4px;opacity:1;-webkit-user-select:none!important;user-select:none!important;z-index:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.tagRemoving{opacity:0}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag span{line-height:14px}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag.no-tag{background-color:#919191!important}.ta-upload-file-container .ta-upload-file-content .ta-upload-file-tag:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf,.ta-upload-file-container .ta-upload-file-content.landscape-details-view,.ta-upload-file-container .ta-upload-file-content.todo-details,.ta-upload-file-container .ta-upload-file-content.company-details-pdf,.ta-upload-file-container .ta-upload-file-content.modals,.ta-upload-file-container .ta-upload-file-content.table-details,.ta-upload-file-container .ta-upload-file-content.company-documents{position:relative}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details ::ng-deep .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents ::ng-deep .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{overflow:visible!important;background-color:transparent!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{margin:0!important;border-radius:1px!important;width:auto!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page:not(:first-child),.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas:not(:first-child){opacity:0;height:0!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf{width:312px;height:312px}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container{width:304px!important;height:304px!important}.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-details-pdf .ng2-pdf-viewer-container canvas{max-width:304px!important;max-height:304px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-content.company-documents{width:302px;height:332px}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container{width:294px!important;height:294px!important}.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-documents .ng2-pdf-viewer-container canvas{max-width:294px!important;max-height:294px!important;min-width:228px}.ta-upload-file-container .ta-upload-file-content.modals{width:140px;cursor:pointer;height:148px}.ta-upload-file-container .ta-upload-file-content.modals ::ng-deep .ng2-pdf-viewer-container{right:20px;width:100px;box-shadow:0 0 4px #00000026;overflow:hidden!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container{box-shadow:0 0 4px #00000026;width:159px!important;height:156px!important}.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.modals .ng2-pdf-viewer-container canvas{box-shadow:0 0 4px #00000026;max-width:156px!important;max-height:156px!important;min-width:120px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf{width:416px;height:416px}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container{width:408px!important;height:408px!important}.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.driver-card-pdf .ng2-pdf-viewer-container canvas{max-width:408px!important;max-height:408px!important;min-width:314px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view{width:312px;max-height:200px;bottom:4px}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container{overflow:hidden!important;width:304px!important;max-height:192px!important}.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.landscape-details-view .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:304px!important;max-height:192px!important;min-width:304px}.ta-upload-file-container .ta-upload-file-content.todo-details{height:186px;left:21px}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container{overflow:hidden!important;width:186px!important;height:186px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.todo-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:186px!important;max-height:186px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.table-details{width:200px;height:200px}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container{overflow:hidden!important;width:192px!important;height:192px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.table-details .ng2-pdf-viewer-container canvas{overflow:hidden!important;max-width:192px!important;max-height:192px!important;min-width:150px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf{width:378px;height:378px}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container{overflow:hidden!important;width:370px!important;height:370px!important;border-radius:1px!important}.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .canvasWrapper,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container .pdfViewer .page,.ta-upload-file-container .ta-upload-file-content.company-details-pdf .ng2-pdf-viewer-container canvas{max-width:370px!important;max-height:370px!important;min-width:229px}.ta-upload-file-container .ta-upload-file-delete-template{position:absolute;gap:4px;border-radius:2px;top:0;left:0;padding:4px;z-index:20;width:100%;height:100%;background-color:#f3f3f3e6}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text{font-size:14px;line-height:18px;color:#424242;width:116px;word-wrap:break-word;text-align:center;margin:18px 12px 20px}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-delete-text::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn{width:140px;height:22px;border-radius:2px;background-color:#fff;color:#6c6c6c;font-size:11px;line-height:14px;text-align:center;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete{color:#df3c3c}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-delete:hover{background-color:#df3c3c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template .ta-upload-file-btn-cancel:hover{background-color:#6c6c6c!important;color:#fff;transition:transform .3s ease-in-out}.ta-upload-file-container .ta-upload-file-delete-template.company-documents{background-color:#ffffffe6}.ta-upload-file-container .ta-upload-file-delete-template.company-documents .ta-upload-file-btn{background-color:#f3f3f3}.ta-upload-file-container .ta-upload-file-footer{position:relative;height:26px;width:180px;z-index:30}.ta-upload-file-container .ta-upload-file-footer p{margin:0}.ta-upload-file-container .ta-upload-file-footer.edit-mode{padding:0!important}.ta-upload-file-container .ta-upload-file-footer input{padding:4px!important}.ta-upload-file-container .ta-upload-file-footer .footer_info{position:absolute;left:4px;bottom:30px}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext{width:32px;height:18px;text-align:center;border-radius:1px;margin-right:4px;font-size:11px;color:#fff;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background:#f89b2e66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#fab15c}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi{background:#9e47ec66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mp4:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-mov:hover,.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-avi:hover{background-color:#b370f0}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#df3c3c66}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#e66767}.ta-upload-file-container .ta-upload-file-footer .footer_info .ta-upload-file-ext:hover{transition:transform .3s ease-in-out;cursor:auto!important}.ta-upload-file-container .ta-upload-file-footer .document_info_hold{padding:2px 6px;background-color:#91919166!important;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container .ta-upload-file-footer .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name{flex:1;font-size:14px;color:#6c6c6c;max-width:161px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:4px;line-height:18px}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.details_title{max-width:100%}.ta-upload-file-container .ta-upload-file-footer .ta-upload-file-name.todo_title{max-width:192px}.ta-upload-file-container:hover,.ta-upload-file-container.keep_open{transition:transform .3s ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0;border-radius:2px;cursor:default;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info{left:0!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer,.ta-upload-file-container.todo-details .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer,.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.table-details .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:0}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#ffffffb3!important;transition:.1s transform ease-in-out}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name:hover{transition:.1s transform ease-in-out;background-color:#ffffffe6!important}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png{background-color:#ffb74d80}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-jpeg:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-png:hover{background-color:#ffb74de6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf{background-color:#ef535080}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .ta-upload-file-ext-pdf:hover{background-color:#ef5350e6}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold{transition:.1s transform ease-in-out;padding:2px 6px;background-color:#91919166;color:#fff;border-radius:1px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.landscape-details-view .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.todo-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-details-pdf .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.modals .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.table-details .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages,.ta-upload-file-container.company-documents .ta-upload-file-footer .footer_info .document_info_hold .file_size.has_pages{margin-left:3px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag,.ta-upload-file-container.todo-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag,.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag{opacity:0;transition:.1s transform ease-in-out;background-color:#3b73ed66}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag:hover,.ta-upload-file-container.modals .ta-upload-file-tag:hover,.ta-upload-file-container.table-details .ta-upload-file-tag:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag:hover{transition:.1s transform ease-in-out;background-color:#6692f1}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default,.ta-upload-file-container.todo-details .ta-upload-file-tag.default,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default,.ta-upload-file-container.modals .ta-upload-file-tag.default,.ta-upload-file-container.table-details .ta-upload-file-tag.default,.ta-upload-file-container.company-documents .ta-upload-file-tag.default{background-color:#42424280}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.landscape-details-view .ta-upload-file-tag.default:hover,.ta-upload-file-container.todo-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-details-pdf .ta-upload-file-tag.default:hover,.ta-upload-file-container.modals .ta-upload-file-tag.default:hover,.ta-upload-file-container.table-details .ta-upload-file-tag.default:hover,.ta-upload-file-container.company-documents .ta-upload-file-tag.default:hover{transition:.1s transform ease-in-out;background-color:#424242e6}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-footer,.ta-upload-file-container.todo-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-footer,.ta-upload-file-container.modals:hover .ta-upload-file-footer,.ta-upload-file-container.table-details:hover .ta-upload-file-footer,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.driver-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf:hover .ta-upload-file-tag,.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag{opacity:1}.ta-upload-file-container.driver-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details .ta-upload-file-tag,.ta-upload-file-container.modals.table-details .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details .ta-upload-file-tag{opacity:1!important;bottom:8px!important}.ta-upload-file-container.driver-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.driver-card-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.landscape-details-view.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.todo-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-details-pdf.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.modals.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.table-details.table-details:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents.table-details:hover .ta-upload-file-tag{bottom:56px!important}.ta-upload-file-container.modals,.ta-upload-file-container.company-documents,.ta-upload-file-container.keep_open_modals{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-footer,.ta-upload-file-container.company-documents .ta-upload-file-footer,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer{opacity:1}.ta-upload-file-container.modals .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{background-color:transparent!important;transition:.1s transform ease-in-out;cursor:pointer}.ta-upload-file-container.modals:hover,.ta-upload-file-container.company-documents:hover,.ta-upload-file-container.keep_open_modals:hover{background-color:#dadadada!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.modals:hover .ta-upload-file-ext-png,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-png,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-jpeg,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-png{background-color:#fab15c!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.modals:hover .ta-upload-file-ext-mov,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-avi,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-mov,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-avi,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mp4,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-mov{background-color:#b370f0!important}.ta-upload-file-container.modals:hover .document_info_hold,.ta-upload-file-container.company-documents:hover .document_info_hold,.ta-upload-file-container.keep_open_modals:hover .document_info_hold{background-color:#919191!important}.ta-upload-file-container.modals:hover .ta-upload-file-tag,.ta-upload-file-container.company-documents:hover .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-tag{background-color:#6692f1!important}.ta-upload-file-container.modals:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.company-documents:hover .ta-upload-file-ext-pdf,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-ext-pdf{background-color:#e66767!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.modals:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.company-documents:hover .ta-upload-file-footer .ta-upload-file-name:hover,.ta-upload-file-container.keep_open_modals:hover .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#eee!important}.ta-upload-file-container.modals .ta-upload-file-tag,.ta-upload-file-container.company-documents .ta-upload-file-tag,.ta-upload-file-container.keep_open_modals .ta-upload-file-tag{opacity:1}.ta-upload-file-container.keep_open_modals{background-color:#dadadada!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name{transition:.1s transform ease-in-out;background-color:#eee!important}.ta-upload-file-container.keep_open_modals .ta-upload-file-footer .ta-upload-file-name:hover{background-color:#fff!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{opacity:1}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{background-color:#eee!important}.ta-upload-file-container.driver-details-pdf{width:312px;height:312px;grid-template-rows:312px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-details-pdf .ta-upload-file-delete-template{width:304px;height:304px}.ta-upload-file-container.company-documents{width:302px;height:332px;grid-template-rows:332px;background-color:#dadada!important}.ta-upload-file-container.company-documents:hover{background-color:#ccc!important}.ta-upload-file-container.company-documents .ta-upload-file-footer{bottom:37px;right:-4px;width:294px}.ta-upload-file-container.company-documents .ta-upload-file-footer .ta-upload-file-name{max-width:294px}.ta-upload-file-container.company-documents .ta-upload-file-tag{top:4px}.ta-upload-file-container.company-documents .ta-upload-file-delete-template{width:302px;height:332px}.ta-upload-file-container.modals{width:148px;height:100%}.ta-upload-file-container.modals .ta-upload-file-footer{right:-4px;bottom:4px;width:140px}.ta-upload-file-container.modals .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf{width:416px;height:416px;grid-template-rows:416px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-footer .ta-upload-file-name{max-width:408px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.driver-card-pdf .ta-upload-file-delete-template{width:420px;height:420px}.ta-upload-file-container.landscape-details-view{width:312px;max-height:200px;min-height:200px;grid-template-rows:200px;overflow:visible}.ta-upload-file-container.landscape-details-view .ta-upload-file-footer{bottom:37px;right:-4px;width:304px}.ta-upload-file-container.landscape-details-view .ta-upload-file-tag{opacity:0;bottom:31px}.ta-upload-file-container.landscape-details-view .ta-upload-file-delete-template{width:304px;min-height:192px}.ta-upload-file-container.todo-details{width:194px;height:194px;grid-template-rows:194px}.ta-upload-file-container.todo-details .ta-upload-file-footer{box-shadow:0 0 4px #00000026;bottom:32px;left:4px;width:186px}.ta-upload-file-container.todo-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.todo-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.table-details{width:200px;height:200px;grid-template-rows:200px}.ta-upload-file-container.table-details .ta-upload-file-footer{bottom:37px;right:-4px;width:192px}.ta-upload-file-container.table-details .ta-upload-file-footer .ta-upload-file-name{max-width:192px}.ta-upload-file-container.table-details .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.table-details .ta-upload-file-delete-template{width:192px;height:192px}.ta-upload-file-container.company-details-pdf{width:378px;height:378px;grid-template-rows:378px}.ta-upload-file-container.company-details-pdf .ta-upload-file-footer{bottom:37px;right:-4px;width:370px}.ta-upload-file-container.company-details-pdf .ta-upload-file-tag{bottom:56px}.ta-upload-file-container.company-details-pdf .ta-upload-file-delete-template{width:370px;height:370px}.ta-upload-file-container.keep_open .ta-upload-file-footer{opacity:1;border-radius:1px}.ta-upload-file-container.keep_open .ta-upload-file-tag{opacity:1}.tags_main_holder{z-index:100!important;width:196px;background-color:#2f2f2f;border-radius:3px;box-shadow:0 0 4px #00000026;cursor:pointer}.tags_main_holder .remove_tag_holder{padding:6px;border-radius:2px}.tags_main_holder .remove_tag_holder:hover{background-color:#1d1d1d}.tags_main_holder .remove_tag_holder .remove_tag{color:#e57373;font-size:11px;line-height:14px}.tags_main_holder .remove_tag_border_holder{width:100%;padding:0 4px;margin:4px 0}.tags_main_holder .remove_tag_border_holder .remove_tag_border{width:100%;height:1px;background-color:#aaa}.tags_main_holder .tags_inner_holder{z-index:100;height:26px;margin:2px 0;padding-left:4px;border-radius:2px}.tags_main_holder .tags_inner_holder.firstRow{margin-top:0}.tags_main_holder .tags_inner_holder.lastRow{margin-bottom:0}.tags_main_holder .tags_inner_holder .tag_options_holder{padding-right:6px;width:100%;height:100%}.tags_main_holder .tags_inner_holder .tag_options_holder .tag_name{flex:1;font-size:14px;line-height:18px;color:#fff}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon{opacity:0;margin-left:4px}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon.shown{opacity:1}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg{display:flex}.tags_main_holder .tags_inner_holder .tag_options_holder .checked_icon svg-icon svg path{fill:#6d82c7}.tags_main_holder .tags_inner_holder:hover{background-color:#1d1d1d}.tags_main_holder .tags_inner_holder:hover .tag_options_holder .checked_icon svg-icon svg path{fill:#536bc2}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: UrlExtensionPipe }, { type: FileNamePipe }, { type: DocumentService }], propDecorators: { t2: [{
                 type: ViewChild,
                 args: ['t2']
@@ -27908,7 +27907,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class CaInputClearComponent {
     constructor() {
         this.clearInputClick = new EventEmitter();
-        this.eGeneralActions = eGeneralActions$1;
+        this.eGeneralActions = eGeneralActions;
     }
     clearInput(event) {
         this.clearInputClick.emit(event);