ca-components 1.3.6 → 1.3.8

package/esm2022/lib/components/ca-filters/ca-filter.component.mjs

@@ -411,7 +411,7 @@ export class CaFilterComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaFilterComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaFilterComponent, isStandalone: true, selector: "app-ca-filter", inputs: { type: "type", timeSubType: "timeSubType", subType: "subType", unselectedUser: "unselectedUser", userGroup: "userGroup", loadStatusOptionsArray: "loadStatusOptionsArray", truckTypeArray: "truckTypeArray", trailerTypeArray: "trailerTypeArray", pmFilterArray: "pmFilterArray", isRepairFilter: "isRepairFilter", hasNoLeftIcon: "hasNoLeftIcon", hasLeftSideIcon: "hasLeftSideIcon", hasLargeLeftIcon: "hasLargeLeftIcon", isMoneyFilter: "isMoneyFilter", isMilesFilter: "isMilesFilter", isButtonFilter: "isButtonFilter", isFuelType: "isFuelType", isLoadType: "isLoadType", isCollapsibleFilter: "isCollapsibleFilter", filterTitle: "filterTitle", icon: "icon", addressList: "addressList", usaStates: "usaStates", canadaStates: "canadaStates" }, outputs: { setFilter: "setFilter", clearAll: "clearAll" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "autoClose", first: true, predicate: CaAutoclosePopoverComponent, descendants: true }, { propertyName: "caStatusFilter", first: true, predicate: CaStatusFilterComponent, descendants: true }, { propertyName: "caMoneyFilter", first: true, predicate: CaMoneyFilterComponent, descendants: true }, { propertyName: "caTimeFilter", first: true, predicate: CaTimeFilterComponent, descendants: true }, { propertyName: "caDispatcherFilter", first: true, predicate: CaDispatcherFilterComponent, descendants: true }, { propertyName: "caStateFilter", first: true, predicate: CaStateFilterComponent, descendants: true }, { propertyName: "caTruckTypeFilter", first: true, predicate: CaTruckTypeFilterComponent, descendants: true }, { propertyName: "caTrailerTypeFilter", first: true, predicate: CaTrailerTypeFilterComponent, descendants: true }, { propertyName: "caPmFilter", first: true, predicate: CaPmFilterComponent, descendants: true }, { propertyName: "caCollapsibleFilter", first: true, predicate: CaCollapsibleFilterComponent, descendants: true }, { propertyName: "caLocationFilter", first: true, predicate: CaLocationFilterComponent, descendants: true }, { propertyName: "caUserFilter", first: true, predicate: CaUserFilterComponent, descendants: true }, { propertyName: "caViolationFilter", first: true, predicate: CaViolationFilterComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"user-icon d-flex justify-content-center align-items-center\"\n  app-ca-autoclose-popover\n  [customClass]=\"'filterpopovermain'\"\n  [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n  autoClose=\"outside\"\n  (closeFilter)=\"onFilterClose()\"\n  (openFilter)=\"onFilterShown()\"\n  [ngClass]=\"{\n    'active-options': isFilterActive,\n    'clear-colors': isHoverClosed,\n    'filter-active-colors': isFilterActiveColor,\n    'active-collapsible': isCollapsibleFilter\n  }\"\n  (mouseenter)=\"isFilterHoveredOver = true\"\n  (mouseleave)=\"isFilterHoveredOver = false\"\n>\n  <div\n    mainContent\n    ngbTooltip\n    mainCaTooltip=\"{{\n      'mainTooltip'\n        | filterPopoverConditionsPipe\n          : getComponentInstance()\n          : caMoneyFilter\n          : caStatusFilter\n          : caDispatcherFilter\n          : caStateFilter\n          : caTruckTypeFilter\n          : caTrailerTypeFilter\n          : caPmFilter\n    }}\"\n    position=\"bottom\"\n    tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n    tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n    tooltipTextAlign=\"center\"\n    class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n  >\n    <div>\n      <svg-icon [src]=\"icon | caSvg : 'common'\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"isFilterActiveColor\">\n      <ng-container *ngIf=\"!isFilterHoveredOver; else closeButton\">\n        <ng-container\n          *ngIf=\"!isNotDropdown() && getFilterCount(); else checkmark\"\n        >\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center ta-font-extra-bold\"\n          >\n            {{ getFilterCount() }}\n          </div>\n        </ng-container>\n\n        <ng-template #checkmark>\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          >\n            <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n          </div>\n        </ng-template>\n      </ng-container>\n\n      <ng-template #closeButton>\n        <div\n          class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          (mouseenter)=\"isHoverClosed = true\"\n          (mouseleave)=\"isHoverClosed = false\"\n          (click)=\"clearAllValues($event)\"\n        >\n          <svg-icon [src]=\"getSvgPath('cancelViolation')\"></svg-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  <div popoverContent class=\"main-popover-body\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (onTagEmit)=\"setFilterValue($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [type]=\"type\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n    <ng-container *ngIf=\"!isButtonFilter && !isCollapsibleFilter\">\n      <div\n        [@showAnimation]=\"!!isFilterActive\"\n        class=\"filter-holder d-flex justify-content-start align-items-start\"\n        [class.state-filter]=\"type === 'stateFilter'\"\n        [class.department-filter]=\"hasNoLeftIcon\"\n        [class.status-filter]=\"type === 'statusFilter'\"\n        [class.pm-filter]=\"hasLeftSideIcon\"\n        [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n        [class.money-filter]=\"type === 'moneyFilter' || type === 'milesFilter'\"\n        [class.location-filter]=\"type === 'locationFilter'\"\n      >\n        <div\n          class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n          [class.activeHeader]=\"!isSearchExpanded\"\n          [class.inactiveHeader]=\"isSearchExpanded\"\n        >\n          <div\n            class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n          >\n            {{ filterTitle | uppercase }}\n\n            <ng-container\n              *ngIf=\"\n                (type === 'dispatcherFilter' ||\n                  type === 'driverFilter' ||\n                  type === 'fuelStopFilter' ||\n                  type === 'brokerFilter') &&\n                caDispatcherFilter?.selectedUser?.length\n              \"\n            >\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{ caDispatcherFilter?.selectedUser?.length }}\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                'userBox'\n                  | filterPopoverConditionsPipe\n                    : getComponentInstance()\n                    : caMoneyFilter\n                    : caStatusFilter\n                    : caDispatcherFilter\n                    : caStateFilter\n                    : caTruckTypeFilter\n                    : caTrailerTypeFilter\n                    : caPmFilter\n              \"\n            >\n              <ng-container\n                *ngIf=\"\n                  type\n                    | filterConditionsUserBox\n                      : caTruckTypeFilter\n                      : caTrailerTypeFilter\n                      : caStatusFilter\n                      : caPmFilter as filterResult\n                \"\n              >\n                <div\n                  class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n                >\n                  {{ filterResult }}\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <ng-container\n            *ngIf=\"\n              'sortItems'\n                | filterPopoverConditionsPipe\n                  : getComponentInstance()\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter;\n              else truckFilter\n            \"\n          >\n            <div\n              (click)=\"sortItems()\"\n              class=\"user-title-text sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n            >\n              {{\n                type === 'statusFilter' ||\n                type === 'dispatcherFilter' ||\n                type === 'driverFilter' ||\n                type === 'fuelStopFilter' ||\n                type === 'brokerFilter'\n                  ? 'Count'\n                  : 'Name'\n              }}\n              <svg-icon\n                class=\"sort-arrow ms-1\"\n                [class.rotate]=\"!isAscendingSortOrder\"\n                [src]=\"getSvgPath('sortArrowSvgRoute')\"\n                [svgStyle]=\"{\n                  'width.px': '18',\n                  'height.px': '18',\n                }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <ng-template #truckFilter>\n            <ng-container\n              *ngIf=\"\n                (type === 'truckFilter' ||\n                  type === 'truckTypeFilter' ||\n                  type === 'trailerFilter') &&\n                  isRepairFilter;\n                else stateFilter\n              \"\n            >\n              <div\n                (click)=\"sortItems()\"\n                class=\"user-title-text sort-text d-flex align-items-center justify-content-end\"\n              >\n                Count\n                <svg-icon [src]=\"getSvgPath('sortArrowSvgRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #stateFilter>\n            <ng-container *ngIf=\"type === 'stateFilter'; else searchState\">\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{\n                  (caStateFilter?.canadaSelectedStates)!.length +\n                    (caStateFilter?.usaSelectedStates)!.length\n                }}\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #searchState>\n            <ng-container *ngIf=\"!searchState\">\n              <div\n                class=\"search-icon-holder d-flex justify-content-center align-items-center\"\n                (click)=\"showSearch()\"\n              >\n                <svg-icon [src]=\"getSvgPath('searchIconRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n        </div>\n        <div class=\"filter-body-holder\">\n          <ng-container [ngSwitch]=\"type\">\n            <ng-container *ngSwitchCase=\"'moneyFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"true\"\n                [isMilesFilter]=\"false\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'milesFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"false\"\n                [isMilesFilter]=\"true\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'statusFilter'\">\n              <app-ca-status-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [loadStatusOptionsArray]=\"loadStatusOptionsArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'timeFilter'\">\n              <app-ca-time-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [timeSubType]=\"timeSubType\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'dispatcherFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'driverFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelStopFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'brokerFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'stateFilter'\">\n              <app-ca-state-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n                [usaStates]=\"usaStates\"\n                [canadaStates]=\"canadaStates\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'truckTypeFilter'\">\n              <app-ca-truck-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [truckTypeArray]=\"truckTypeArray\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'trailerTypeFilter'\">\n              <app-ca-trailer-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [trailerTypeArray]=\"trailerTypeArray\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'pmFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'categoryRepairFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelItemFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'departmentFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'parkingFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'tagFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'actionFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'labelFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'userFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'moduleFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'locationFilter'\">\n              <app-ca-location-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [addressList]=\"addressList\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'violationFilter'\">\n              <app-ca-violation-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"buttons-holder d-flex justify-content-between align-items-center\"\n          [class.buttons-long]=\"type === 'locationFilter'\"\n        >\n          <div\n            (click)=\"clearAllValues($event)\"\n            class=\"button-clear d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsClear\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Clear All\n          </div>\n          <div\n            (click)=\"setFilterValue($event)\"\n            class=\"button-set d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsSet\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Set\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n<!-- <div class=\"d-flex\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (setFilter)=\"setFilterValue($event)\"\n        (clearAll)=\"clearAllValues($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [isExpanded]=\"isFilterActive\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n  </div> -->\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.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-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-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}.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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;cursor:pointer;padding:4px}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;font-size:11px;line-height:14px;color:#fff}.user-icon .main-icon-holder .filters-selected-value-holder svg{width:14px;height:14px}.user-icon svg-icon svg{width:18px;height:18px;display:flex}.user-icon:hover{background-color:#eee}.user-icon:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-holder .filter-header .user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .user-title-text.counter-padd-title{padding-left:2px;padding-right:6px}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-header .search-icon-holder svg-icon svg{width:17.1px;height:17.1px}.filter-holder .filter-header .search-icon-holder svg-icon svg path{fill:#aaa}.filter-holder .filter-header .search-icon-holder:hover svg-icon svg path{fill:#6c6c6c}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:140px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:10px 8px 6px;width:300px}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaFilterComponent, isStandalone: true, selector: "app-ca-filter", inputs: { type: "type", timeSubType: "timeSubType", subType: "subType", unselectedUser: "unselectedUser", userGroup: "userGroup", loadStatusOptionsArray: "loadStatusOptionsArray", truckTypeArray: "truckTypeArray", trailerTypeArray: "trailerTypeArray", pmFilterArray: "pmFilterArray", isRepairFilter: "isRepairFilter", hasNoLeftIcon: "hasNoLeftIcon", hasLeftSideIcon: "hasLeftSideIcon", hasLargeLeftIcon: "hasLargeLeftIcon", isMoneyFilter: "isMoneyFilter", isMilesFilter: "isMilesFilter", isButtonFilter: "isButtonFilter", isFuelType: "isFuelType", isLoadType: "isLoadType", isCollapsibleFilter: "isCollapsibleFilter", filterTitle: "filterTitle", icon: "icon", addressList: "addressList", usaStates: "usaStates", canadaStates: "canadaStates" }, outputs: { setFilter: "setFilter", clearAll: "clearAll" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "autoClose", first: true, predicate: CaAutoclosePopoverComponent, descendants: true }, { propertyName: "caStatusFilter", first: true, predicate: CaStatusFilterComponent, descendants: true }, { propertyName: "caMoneyFilter", first: true, predicate: CaMoneyFilterComponent, descendants: true }, { propertyName: "caTimeFilter", first: true, predicate: CaTimeFilterComponent, descendants: true }, { propertyName: "caDispatcherFilter", first: true, predicate: CaDispatcherFilterComponent, descendants: true }, { propertyName: "caStateFilter", first: true, predicate: CaStateFilterComponent, descendants: true }, { propertyName: "caTruckTypeFilter", first: true, predicate: CaTruckTypeFilterComponent, descendants: true }, { propertyName: "caTrailerTypeFilter", first: true, predicate: CaTrailerTypeFilterComponent, descendants: true }, { propertyName: "caPmFilter", first: true, predicate: CaPmFilterComponent, descendants: true }, { propertyName: "caCollapsibleFilter", first: true, predicate: CaCollapsibleFilterComponent, descendants: true }, { propertyName: "caLocationFilter", first: true, predicate: CaLocationFilterComponent, descendants: true }, { propertyName: "caUserFilter", first: true, predicate: CaUserFilterComponent, descendants: true }, { propertyName: "caViolationFilter", first: true, predicate: CaViolationFilterComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"user-icon d-flex justify-content-center align-items-center\"\n  app-ca-autoclose-popover\n  [customClass]=\"'filterpopovermain'\"\n  [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n  autoClose=\"outside\"\n  (closeFilter)=\"onFilterClose()\"\n  (openFilter)=\"onFilterShown()\"\n  [ngClass]=\"{\n    'active-options': isFilterActive,\n    'clear-colors': isHoverClosed,\n    'filter-active-colors': isFilterActiveColor,\n    'active-collapsible': isCollapsibleFilter\n  }\"\n  (mouseenter)=\"isFilterHoveredOver = true\"\n  (mouseleave)=\"isFilterHoveredOver = false\"\n>\n  <div\n    mainContent\n    ngbTooltip\n    mainCaTooltip=\"{{\n      'mainTooltip'\n        | filterPopoverConditionsPipe\n          : getComponentInstance()\n          : caMoneyFilter\n          : caStatusFilter\n          : caDispatcherFilter\n          : caStateFilter\n          : caTruckTypeFilter\n          : caTrailerTypeFilter\n          : caPmFilter\n    }}\"\n    position=\"bottom\"\n    tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n    tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n    tooltipTextAlign=\"center\"\n    class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n  >\n    <div>\n      <svg-icon [src]=\"icon | caSvg : 'common'\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"isFilterActiveColor\">\n      <ng-container *ngIf=\"!isFilterHoveredOver; else closeButton\">\n        <ng-container\n          *ngIf=\"!isNotDropdown() && getFilterCount(); else checkmark\"\n        >\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center ta-font-extra-bold\"\n          >\n            {{ getFilterCount() }}\n          </div>\n        </ng-container>\n\n        <ng-template #checkmark>\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          >\n            <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n          </div>\n        </ng-template>\n      </ng-container>\n\n      <ng-template #closeButton>\n        <div\n          class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          (mouseenter)=\"isHoverClosed = true\"\n          (mouseleave)=\"isHoverClosed = false\"\n          (click)=\"clearAllValues($event)\"\n        >\n          <svg-icon [src]=\"getSvgPath('cancelViolation')\"></svg-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  <div popoverContent class=\"main-popover-body\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (onTagEmit)=\"setFilterValue($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [type]=\"type\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n    <ng-container *ngIf=\"!isButtonFilter && !isCollapsibleFilter\">\n      <div\n        [@showAnimation]=\"!!isFilterActive\"\n        class=\"filter-holder d-flex justify-content-start align-items-start\"\n        [class.state-filter]=\"type === 'stateFilter'\"\n        [class.department-filter]=\"hasNoLeftIcon\"\n        [class.status-filter]=\"type === 'statusFilter'\"\n        [class.pm-filter]=\"hasLeftSideIcon\"\n        [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n        [class.money-filter]=\"type === 'moneyFilter' || type === 'milesFilter'\"\n        [class.location-filter]=\"type === 'locationFilter'\"\n      >\n        <div\n          class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n          [class.activeHeader]=\"!isSearchExpanded\"\n          [class.inactiveHeader]=\"isSearchExpanded\"\n        >\n          <div\n            class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n          >\n            {{ filterTitle | uppercase }}\n\n            <ng-container\n              *ngIf=\"\n                (type === 'dispatcherFilter' ||\n                  type === 'driverFilter' ||\n                  type === 'fuelStopFilter' ||\n                  type === 'brokerFilter') &&\n                caDispatcherFilter?.selectedUser?.length\n              \"\n            >\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{ caDispatcherFilter?.selectedUser?.length }}\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                'userBox'\n                  | filterPopoverConditionsPipe\n                    : getComponentInstance()\n                    : caMoneyFilter\n                    : caStatusFilter\n                    : caDispatcherFilter\n                    : caStateFilter\n                    : caTruckTypeFilter\n                    : caTrailerTypeFilter\n                    : caPmFilter\n              \"\n            >\n              <ng-container\n                *ngIf=\"\n                  type\n                    | filterConditionsUserBox\n                      : caTruckTypeFilter\n                      : caTrailerTypeFilter\n                      : caStatusFilter\n                      : caPmFilter as filterResult\n                \"\n              >\n                <div\n                  class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n                >\n                  {{ filterResult }}\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <ng-container\n            *ngIf=\"\n              'sortItems'\n                | filterPopoverConditionsPipe\n                  : getComponentInstance()\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter;\n              else truckFilter\n            \"\n          >\n            <div\n              (click)=\"sortItems()\"\n              class=\"user-title-text sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n            >\n              {{\n                type === 'statusFilter' ||\n                type === 'dispatcherFilter' ||\n                type === 'driverFilter' ||\n                type === 'fuelStopFilter' ||\n                type === 'brokerFilter'\n                  ? 'Count'\n                  : 'Name'\n              }}\n              <svg-icon\n                class=\"sort-arrow ms-1\"\n                [class.rotate]=\"!isAscendingSortOrder\"\n                [src]=\"getSvgPath('sortArrowSvgRoute')\"\n                [svgStyle]=\"{\n                  'width.px': '18',\n                  'height.px': '18',\n                }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <ng-template #truckFilter>\n            <ng-container\n              *ngIf=\"\n                (type === 'truckFilter' ||\n                  type === 'truckTypeFilter' ||\n                  type === 'trailerFilter') &&\n                  isRepairFilter;\n                else stateFilter\n              \"\n            >\n              <div\n                (click)=\"sortItems()\"\n                class=\"user-title-text sort-text d-flex align-items-center justify-content-end\"\n              >\n                Count\n                <svg-icon [src]=\"getSvgPath('sortArrowSvgRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #stateFilter>\n            <ng-container *ngIf=\"type === 'stateFilter'; else searchState\">\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{\n                  (caStateFilter?.canadaSelectedStates)!.length +\n                    (caStateFilter?.usaSelectedStates)!.length\n                }}\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #searchState>\n            <ng-container *ngIf=\"!searchState\">\n              <div\n                class=\"search-icon-holder d-flex justify-content-center align-items-center\"\n                (click)=\"showSearch()\"\n              >\n                <svg-icon [src]=\"getSvgPath('searchIconRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n        </div>\n        <div class=\"filter-body-holder\">\n          <ng-container [ngSwitch]=\"type\">\n            <ng-container *ngSwitchCase=\"'moneyFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"true\"\n                [isMilesFilter]=\"false\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'milesFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"false\"\n                [isMilesFilter]=\"true\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'statusFilter'\">\n              <app-ca-status-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [loadStatusOptionsArray]=\"loadStatusOptionsArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'timeFilter'\">\n              <app-ca-time-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [timeSubType]=\"timeSubType\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'dispatcherFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'driverFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelStopFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'brokerFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'stateFilter'\">\n              <app-ca-state-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n                [usaStates]=\"usaStates\"\n                [canadaStates]=\"canadaStates\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'truckTypeFilter'\">\n              <app-ca-truck-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [truckTypeArray]=\"truckTypeArray\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'trailerTypeFilter'\">\n              <app-ca-trailer-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [trailerTypeArray]=\"trailerTypeArray\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'pmFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'categoryRepairFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelItemFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'departmentFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'parkingFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'tagFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'actionFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'labelFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'userFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'moduleFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'locationFilter'\">\n              <app-ca-location-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [addressList]=\"addressList\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'violationFilter'\">\n              <app-ca-violation-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"buttons-holder d-flex justify-content-between align-items-center\"\n          [class.buttons-long]=\"type === 'locationFilter'\"\n        >\n          <div\n            (click)=\"clearAllValues($event)\"\n            class=\"button-clear d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsClear\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Clear All\n          </div>\n          <div\n            (click)=\"setFilterValue($event)\"\n            class=\"button-set d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsSet\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Set\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n<!-- <div class=\"d-flex\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (setFilter)=\"setFilterValue($event)\"\n        (clearAll)=\"clearAllValues($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [isExpanded]=\"isFilterActive\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n  </div> -->\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.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-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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;cursor:pointer;padding:4px}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;font-size:11px;line-height:14px;color:#fff}.user-icon .main-icon-holder .filters-selected-value-holder svg{width:14px;height:14px}.user-icon svg-icon svg{width:18px;height:18px;display:flex}.user-icon:hover{background-color:#eee}.user-icon:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-holder .filter-header .user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .user-title-text.counter-padd-title{padding-left:2px;padding-right:6px}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-header .search-icon-holder svg-icon svg{width:17.1px;height:17.1px}.filter-holder .filter-header .search-icon-holder svg-icon svg path{fill:#aaa}.filter-holder .filter-header .search-icon-holder:hover svg-icon svg path{fill:#6c6c6c}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:140px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:10px 8px 6px;width:300px}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
                 // components
@@ -448,7 +448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FilterConditionsUserBoxPipe,
                         FilterPopoverConditionsPipe,
                         CaSvgPipe,
-                    ], encapsulation: ViewEncapsulation.Emulated, animations: [showAnimation('showAnimation'), closeForm('closeForm')], template: "<div\n  class=\"user-icon d-flex justify-content-center align-items-center\"\n  app-ca-autoclose-popover\n  [customClass]=\"'filterpopovermain'\"\n  [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n  autoClose=\"outside\"\n  (closeFilter)=\"onFilterClose()\"\n  (openFilter)=\"onFilterShown()\"\n  [ngClass]=\"{\n    'active-options': isFilterActive,\n    'clear-colors': isHoverClosed,\n    'filter-active-colors': isFilterActiveColor,\n    'active-collapsible': isCollapsibleFilter\n  }\"\n  (mouseenter)=\"isFilterHoveredOver = true\"\n  (mouseleave)=\"isFilterHoveredOver = false\"\n>\n  <div\n    mainContent\n    ngbTooltip\n    mainCaTooltip=\"{{\n      'mainTooltip'\n        | filterPopoverConditionsPipe\n          : getComponentInstance()\n          : caMoneyFilter\n          : caStatusFilter\n          : caDispatcherFilter\n          : caStateFilter\n          : caTruckTypeFilter\n          : caTrailerTypeFilter\n          : caPmFilter\n    }}\"\n    position=\"bottom\"\n    tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n    tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n    tooltipTextAlign=\"center\"\n    class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n  >\n    <div>\n      <svg-icon [src]=\"icon | caSvg : 'common'\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"isFilterActiveColor\">\n      <ng-container *ngIf=\"!isFilterHoveredOver; else closeButton\">\n        <ng-container\n          *ngIf=\"!isNotDropdown() && getFilterCount(); else checkmark\"\n        >\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center ta-font-extra-bold\"\n          >\n            {{ getFilterCount() }}\n          </div>\n        </ng-container>\n\n        <ng-template #checkmark>\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          >\n            <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n          </div>\n        </ng-template>\n      </ng-container>\n\n      <ng-template #closeButton>\n        <div\n          class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          (mouseenter)=\"isHoverClosed = true\"\n          (mouseleave)=\"isHoverClosed = false\"\n          (click)=\"clearAllValues($event)\"\n        >\n          <svg-icon [src]=\"getSvgPath('cancelViolation')\"></svg-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  <div popoverContent class=\"main-popover-body\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (onTagEmit)=\"setFilterValue($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [type]=\"type\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n    <ng-container *ngIf=\"!isButtonFilter && !isCollapsibleFilter\">\n      <div\n        [@showAnimation]=\"!!isFilterActive\"\n        class=\"filter-holder d-flex justify-content-start align-items-start\"\n        [class.state-filter]=\"type === 'stateFilter'\"\n        [class.department-filter]=\"hasNoLeftIcon\"\n        [class.status-filter]=\"type === 'statusFilter'\"\n        [class.pm-filter]=\"hasLeftSideIcon\"\n        [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n        [class.money-filter]=\"type === 'moneyFilter' || type === 'milesFilter'\"\n        [class.location-filter]=\"type === 'locationFilter'\"\n      >\n        <div\n          class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n          [class.activeHeader]=\"!isSearchExpanded\"\n          [class.inactiveHeader]=\"isSearchExpanded\"\n        >\n          <div\n            class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n          >\n            {{ filterTitle | uppercase }}\n\n            <ng-container\n              *ngIf=\"\n                (type === 'dispatcherFilter' ||\n                  type === 'driverFilter' ||\n                  type === 'fuelStopFilter' ||\n                  type === 'brokerFilter') &&\n                caDispatcherFilter?.selectedUser?.length\n              \"\n            >\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{ caDispatcherFilter?.selectedUser?.length }}\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                'userBox'\n                  | filterPopoverConditionsPipe\n                    : getComponentInstance()\n                    : caMoneyFilter\n                    : caStatusFilter\n                    : caDispatcherFilter\n                    : caStateFilter\n                    : caTruckTypeFilter\n                    : caTrailerTypeFilter\n                    : caPmFilter\n              \"\n            >\n              <ng-container\n                *ngIf=\"\n                  type\n                    | filterConditionsUserBox\n                      : caTruckTypeFilter\n                      : caTrailerTypeFilter\n                      : caStatusFilter\n                      : caPmFilter as filterResult\n                \"\n              >\n                <div\n                  class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n                >\n                  {{ filterResult }}\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <ng-container\n            *ngIf=\"\n              'sortItems'\n                | filterPopoverConditionsPipe\n                  : getComponentInstance()\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter;\n              else truckFilter\n            \"\n          >\n            <div\n              (click)=\"sortItems()\"\n              class=\"user-title-text sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n            >\n              {{\n                type === 'statusFilter' ||\n                type === 'dispatcherFilter' ||\n                type === 'driverFilter' ||\n                type === 'fuelStopFilter' ||\n                type === 'brokerFilter'\n                  ? 'Count'\n                  : 'Name'\n              }}\n              <svg-icon\n                class=\"sort-arrow ms-1\"\n                [class.rotate]=\"!isAscendingSortOrder\"\n                [src]=\"getSvgPath('sortArrowSvgRoute')\"\n                [svgStyle]=\"{\n                  'width.px': '18',\n                  'height.px': '18',\n                }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <ng-template #truckFilter>\n            <ng-container\n              *ngIf=\"\n                (type === 'truckFilter' ||\n                  type === 'truckTypeFilter' ||\n                  type === 'trailerFilter') &&\n                  isRepairFilter;\n                else stateFilter\n              \"\n            >\n              <div\n                (click)=\"sortItems()\"\n                class=\"user-title-text sort-text d-flex align-items-center justify-content-end\"\n              >\n                Count\n                <svg-icon [src]=\"getSvgPath('sortArrowSvgRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #stateFilter>\n            <ng-container *ngIf=\"type === 'stateFilter'; else searchState\">\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{\n                  (caStateFilter?.canadaSelectedStates)!.length +\n                    (caStateFilter?.usaSelectedStates)!.length\n                }}\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #searchState>\n            <ng-container *ngIf=\"!searchState\">\n              <div\n                class=\"search-icon-holder d-flex justify-content-center align-items-center\"\n                (click)=\"showSearch()\"\n              >\n                <svg-icon [src]=\"getSvgPath('searchIconRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n        </div>\n        <div class=\"filter-body-holder\">\n          <ng-container [ngSwitch]=\"type\">\n            <ng-container *ngSwitchCase=\"'moneyFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"true\"\n                [isMilesFilter]=\"false\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'milesFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"false\"\n                [isMilesFilter]=\"true\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'statusFilter'\">\n              <app-ca-status-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [loadStatusOptionsArray]=\"loadStatusOptionsArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'timeFilter'\">\n              <app-ca-time-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [timeSubType]=\"timeSubType\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'dispatcherFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'driverFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelStopFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'brokerFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'stateFilter'\">\n              <app-ca-state-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n                [usaStates]=\"usaStates\"\n                [canadaStates]=\"canadaStates\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'truckTypeFilter'\">\n              <app-ca-truck-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [truckTypeArray]=\"truckTypeArray\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'trailerTypeFilter'\">\n              <app-ca-trailer-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [trailerTypeArray]=\"trailerTypeArray\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'pmFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'categoryRepairFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelItemFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'departmentFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'parkingFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'tagFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'actionFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'labelFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'userFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'moduleFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'locationFilter'\">\n              <app-ca-location-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [addressList]=\"addressList\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'violationFilter'\">\n              <app-ca-violation-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"buttons-holder d-flex justify-content-between align-items-center\"\n          [class.buttons-long]=\"type === 'locationFilter'\"\n        >\n          <div\n            (click)=\"clearAllValues($event)\"\n            class=\"button-clear d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsClear\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Clear All\n          </div>\n          <div\n            (click)=\"setFilterValue($event)\"\n            class=\"button-set d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsSet\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Set\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n<!-- <div class=\"d-flex\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (setFilter)=\"setFilterValue($event)\"\n        (clearAll)=\"clearAllValues($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [isExpanded]=\"isFilterActive\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n  </div> -->\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.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-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-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}.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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;cursor:pointer;padding:4px}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;font-size:11px;line-height:14px;color:#fff}.user-icon .main-icon-holder .filters-selected-value-holder svg{width:14px;height:14px}.user-icon svg-icon svg{width:18px;height:18px;display:flex}.user-icon:hover{background-color:#eee}.user-icon:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-holder .filter-header .user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .user-title-text.counter-padd-title{padding-left:2px;padding-right:6px}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-header .search-icon-holder svg-icon svg{width:17.1px;height:17.1px}.filter-holder .filter-header .search-icon-holder svg-icon svg path{fill:#aaa}.filter-holder .filter-header .search-icon-holder:hover svg-icon svg path{fill:#6c6c6c}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:140px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:10px 8px 6px;width:300px}\n"] }]
+                    ], encapsulation: ViewEncapsulation.Emulated, animations: [showAnimation('showAnimation'), closeForm('closeForm')], template: "<div\n  class=\"user-icon d-flex justify-content-center align-items-center\"\n  app-ca-autoclose-popover\n  [customClass]=\"'filterpopovermain'\"\n  [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n  autoClose=\"outside\"\n  (closeFilter)=\"onFilterClose()\"\n  (openFilter)=\"onFilterShown()\"\n  [ngClass]=\"{\n    'active-options': isFilterActive,\n    'clear-colors': isHoverClosed,\n    'filter-active-colors': isFilterActiveColor,\n    'active-collapsible': isCollapsibleFilter\n  }\"\n  (mouseenter)=\"isFilterHoveredOver = true\"\n  (mouseleave)=\"isFilterHoveredOver = false\"\n>\n  <div\n    mainContent\n    ngbTooltip\n    mainCaTooltip=\"{{\n      'mainTooltip'\n        | filterPopoverConditionsPipe\n          : getComponentInstance()\n          : caMoneyFilter\n          : caStatusFilter\n          : caDispatcherFilter\n          : caStateFilter\n          : caTruckTypeFilter\n          : caTrailerTypeFilter\n          : caPmFilter\n    }}\"\n    position=\"bottom\"\n    tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n    tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n    tooltipTextAlign=\"center\"\n    class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n  >\n    <div>\n      <svg-icon [src]=\"icon | caSvg : 'common'\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"isFilterActiveColor\">\n      <ng-container *ngIf=\"!isFilterHoveredOver; else closeButton\">\n        <ng-container\n          *ngIf=\"!isNotDropdown() && getFilterCount(); else checkmark\"\n        >\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center ta-font-extra-bold\"\n          >\n            {{ getFilterCount() }}\n          </div>\n        </ng-container>\n\n        <ng-template #checkmark>\n          <div\n            class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          >\n            <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n          </div>\n        </ng-template>\n      </ng-container>\n\n      <ng-template #closeButton>\n        <div\n          class=\"filters-selected-value-holder d-flex justify-content-center align-items-center\"\n          (mouseenter)=\"isHoverClosed = true\"\n          (mouseleave)=\"isHoverClosed = false\"\n          (click)=\"clearAllValues($event)\"\n        >\n          <svg-icon [src]=\"getSvgPath('cancelViolation')\"></svg-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  <div popoverContent class=\"main-popover-body\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (onTagEmit)=\"setFilterValue($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [type]=\"type\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n    <ng-container *ngIf=\"!isButtonFilter && !isCollapsibleFilter\">\n      <div\n        [@showAnimation]=\"!!isFilterActive\"\n        class=\"filter-holder d-flex justify-content-start align-items-start\"\n        [class.state-filter]=\"type === 'stateFilter'\"\n        [class.department-filter]=\"hasNoLeftIcon\"\n        [class.status-filter]=\"type === 'statusFilter'\"\n        [class.pm-filter]=\"hasLeftSideIcon\"\n        [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n        [class.money-filter]=\"type === 'moneyFilter' || type === 'milesFilter'\"\n        [class.location-filter]=\"type === 'locationFilter'\"\n      >\n        <div\n          class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n          [class.activeHeader]=\"!isSearchExpanded\"\n          [class.inactiveHeader]=\"isSearchExpanded\"\n        >\n          <div\n            class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n          >\n            {{ filterTitle | uppercase }}\n\n            <ng-container\n              *ngIf=\"\n                (type === 'dispatcherFilter' ||\n                  type === 'driverFilter' ||\n                  type === 'fuelStopFilter' ||\n                  type === 'brokerFilter') &&\n                caDispatcherFilter?.selectedUser?.length\n              \"\n            >\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{ caDispatcherFilter?.selectedUser?.length }}\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                'userBox'\n                  | filterPopoverConditionsPipe\n                    : getComponentInstance()\n                    : caMoneyFilter\n                    : caStatusFilter\n                    : caDispatcherFilter\n                    : caStateFilter\n                    : caTruckTypeFilter\n                    : caTrailerTypeFilter\n                    : caPmFilter\n              \"\n            >\n              <ng-container\n                *ngIf=\"\n                  type\n                    | filterConditionsUserBox\n                      : caTruckTypeFilter\n                      : caTrailerTypeFilter\n                      : caStatusFilter\n                      : caPmFilter as filterResult\n                \"\n              >\n                <div\n                  class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n                >\n                  {{ filterResult }}\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <ng-container\n            *ngIf=\"\n              'sortItems'\n                | filterPopoverConditionsPipe\n                  : getComponentInstance()\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter;\n              else truckFilter\n            \"\n          >\n            <div\n              (click)=\"sortItems()\"\n              class=\"user-title-text sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n            >\n              {{\n                type === 'statusFilter' ||\n                type === 'dispatcherFilter' ||\n                type === 'driverFilter' ||\n                type === 'fuelStopFilter' ||\n                type === 'brokerFilter'\n                  ? 'Count'\n                  : 'Name'\n              }}\n              <svg-icon\n                class=\"sort-arrow ms-1\"\n                [class.rotate]=\"!isAscendingSortOrder\"\n                [src]=\"getSvgPath('sortArrowSvgRoute')\"\n                [svgStyle]=\"{\n                  'width.px': '18',\n                  'height.px': '18',\n                }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <ng-template #truckFilter>\n            <ng-container\n              *ngIf=\"\n                (type === 'truckFilter' ||\n                  type === 'truckTypeFilter' ||\n                  type === 'trailerFilter') &&\n                  isRepairFilter;\n                else stateFilter\n              \"\n            >\n              <div\n                (click)=\"sortItems()\"\n                class=\"user-title-text sort-text d-flex align-items-center justify-content-end\"\n              >\n                Count\n                <svg-icon [src]=\"getSvgPath('sortArrowSvgRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #stateFilter>\n            <ng-container *ngIf=\"type === 'stateFilter'; else searchState\">\n              <div\n                class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n              >\n                {{\n                  (caStateFilter?.canadaSelectedStates)!.length +\n                    (caStateFilter?.usaSelectedStates)!.length\n                }}\n              </div>\n            </ng-container>\n          </ng-template>\n          <ng-template #searchState>\n            <ng-container *ngIf=\"!searchState\">\n              <div\n                class=\"search-icon-holder d-flex justify-content-center align-items-center\"\n                (click)=\"showSearch()\"\n              >\n                <svg-icon [src]=\"getSvgPath('searchIconRoute')\"></svg-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n        </div>\n        <div class=\"filter-body-holder\">\n          <ng-container [ngSwitch]=\"type\">\n            <ng-container *ngSwitchCase=\"'moneyFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"true\"\n                [isMilesFilter]=\"false\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'milesFilter'\">\n              <app-ca-money-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [isMoneyFilter]=\"false\"\n                [isMilesFilter]=\"true\"\n                [isFuelType]=\"isFuelType\"\n                [isLoadType]=\"isLoadType\"\n                [subType]=\"subType\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'statusFilter'\">\n              <app-ca-status-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [loadStatusOptionsArray]=\"loadStatusOptionsArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'timeFilter'\">\n              <app-ca-time-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [timeSubType]=\"timeSubType\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'dispatcherFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'driverFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelStopFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'brokerFilter'\">\n              <app-ca-dispatcher-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [unselectedUser]=\"unselectedUser\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'stateFilter'\">\n              <app-ca-state-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n                [usaStates]=\"usaStates\"\n                [canadaStates]=\"canadaStates\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'truckTypeFilter'\">\n              <app-ca-truck-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [truckTypeArray]=\"truckTypeArray\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'trailerTypeFilter'\">\n              <app-ca-trailer-type-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [trailerTypeArray]=\"trailerTypeArray\"\n                [isRepairFilter]=\"isRepairFilter\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'pmFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'categoryRepairFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'fuelItemFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'departmentFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'parkingFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'tagFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'actionFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'labelFilter'\">\n              <app-ca-pm-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [pmFilterArray]=\"pmFilterArray\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'userFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'moduleFilter'\">\n              <app-ca-user-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [userGroup]=\"userGroup\"\n                [isSearchExpanded]=\"isSearchExpanded\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'locationFilter'\">\n              <app-ca-location-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n                [addressList]=\"addressList\"\n              />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'violationFilter'\">\n              <app-ca-violation-filter\n                (setFilter)=\"setFilterValue($event)\"\n                (clearAll)=\"clearAllValues($event)\"\n                [type]=\"type\"\n                [isFilterActive]=\"isFilterActive\"\n              />\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"buttons-holder d-flex justify-content-between align-items-center\"\n          [class.buttons-long]=\"type === 'locationFilter'\"\n        >\n          <div\n            (click)=\"clearAllValues($event)\"\n            class=\"button-clear d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsClear\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Clear All\n          </div>\n          <div\n            (click)=\"setFilterValue($event)\"\n            class=\"button-set d-flex justify-content-center align-items-center ca-font-bold\"\n            [class.active]=\"\n              type\n                | filterConditionsSet\n                  : caMoneyFilter\n                  : caStatusFilter\n                  : caTimeFilter\n                  : caDispatcherFilter\n                  : caStateFilter\n                  : caTruckTypeFilter\n                  : caTrailerTypeFilter\n                  : caPmFilter\n                  : caLocationFilter\n                  : caUserFilter\n                  : caViolationFilter\n            \"\n          >\n            Set\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n<!-- <div class=\"d-flex\">\n    <ng-container *ngIf=\"isCollapsibleFilter\">\n      <app-ca-collapsible-filter\n        (setFilter)=\"setFilterValue($event)\"\n        (clearAll)=\"clearAllValues($event)\"\n        [filterArray]=\"pmFilterArray\"\n        [isExpanded]=\"isFilterActive\"\n      ></app-ca-collapsible-filter>\n    </ng-container>\n  </div> -->\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.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-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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;cursor:pointer;padding:4px}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;font-size:11px;line-height:14px;color:#fff}.user-icon .main-icon-holder .filters-selected-value-holder svg{width:14px;height:14px}.user-icon svg-icon svg{width:18px;height:18px;display:flex}.user-icon:hover{background-color:#eee}.user-icon:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-holder .filter-header .user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .user-title-text.counter-padd-title{padding-left:2px;padding-right:6px}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-header .search-icon-holder svg-icon svg{width:17.1px;height:17.1px}.filter-holder .filter-header .search-icon-holder svg-icon svg path{fill:#aaa}.filter-holder .filter-header .search-icon-holder:hover svg-icon svg path{fill:#6c6c6c}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:140px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;font-size:11px;color:#919191;line-height:14px;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:10px 8px 6px;width:300px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { t2: [{
                 type: ViewChild,
                 args: ['t2']