ca-components 1.0.96 → 1.0.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/assets/scss/text-selection.scss +14 -0
  2. package/esm2022/lib/components/ca-activity-log-list/ca-activity-log-list.component.mjs +3 -3
  3. package/esm2022/lib/components/ca-collapsible-filter/ca-collapsible-filter.component.mjs +2 -2
  4. package/esm2022/lib/components/ca-comment/ca-comment.component.mjs +2 -2
  5. package/esm2022/lib/components/ca-comment/modals/comment-modal/comment-modal.component.mjs +3 -3
  6. package/esm2022/lib/components/ca-custom-scrollbar/ca-custom-scrollbar.component.mjs +3 -3
  7. package/esm2022/lib/components/ca-details-dropdown/ca-details-dropdown.component.mjs +2 -2
  8. package/esm2022/lib/components/ca-dropdown-menu/ca-dropdown-menu.component.mjs +2 -2
  9. package/esm2022/lib/components/ca-filters/ca-filter.component.mjs +2 -2
  10. package/esm2022/lib/components/ca-filters/components/ca-dispatcher-filter/ca-dispatcher-filter.component.mjs +2 -2
  11. package/esm2022/lib/components/ca-filters/components/ca-location-filter/ca-location-filter.component.mjs +2 -2
  12. package/esm2022/lib/components/ca-filters/components/ca-money-filter/ca-money-filter.component.mjs +2 -2
  13. package/esm2022/lib/components/ca-filters/components/ca-pm-filter/ca-pm-filter.component.mjs +2 -2
  14. package/esm2022/lib/components/ca-filters/components/ca-state-filter/ca-state-filter.component.mjs +2 -2
  15. package/esm2022/lib/components/ca-filters/components/ca-status-filter/ca-status-filter.component.mjs +2 -2
  16. package/esm2022/lib/components/ca-filters/components/ca-time-filter/ca-time-filter.component.mjs +3 -3
  17. package/esm2022/lib/components/ca-filters/components/ca-trailer-type-filter/ca-trailer-type-filter.component.mjs +2 -2
  18. package/esm2022/lib/components/ca-filters/components/ca-truck-type-filter/ca-truck-type-filter.component.mjs +2 -2
  19. package/esm2022/lib/components/ca-filters/components/ca-user-filter/ca-user-filter.component.mjs +2 -2
  20. package/esm2022/lib/components/ca-filters/components/ca-violation-filter/ca-violation-filter.component.mjs +2 -2
  21. package/esm2022/lib/components/ca-input/ca-input.component.mjs +2 -2
  22. package/esm2022/lib/components/ca-input/input-test/input-test.component.mjs +9 -3
  23. package/esm2022/lib/components/ca-input-address-dropdown/ca-input-address-dropdown.component.mjs +2 -2
  24. package/esm2022/lib/components/ca-input-datetime-picker/ca-input-datetime-picker.component.mjs +2 -2
  25. package/esm2022/lib/components/ca-input-dropdown/ca-input-dropdown.component.mjs +2 -2
  26. package/esm2022/lib/components/ca-input-note/ca-input-note.component.mjs +2 -2
  27. package/esm2022/lib/components/ca-logo-change/ca-logo-change.component.mjs +3 -3
  28. package/esm2022/lib/components/ca-map/ca-map.component.mjs +6 -10
  29. package/esm2022/lib/components/ca-map/models/map.model.mjs +1 -1
  30. package/esm2022/lib/components/ca-map/utils/constants/map-options.constants.mjs +2 -1
  31. package/esm2022/lib/components/ca-map-dropdown/ca-map-dropdown.component.mjs +2 -2
  32. package/esm2022/lib/components/ca-modal-button/ca-modal-button.component.mjs +3 -3
  33. package/esm2022/lib/components/ca-ngx-slider/ca-ngx-slider.component.mjs +2 -2
  34. package/esm2022/lib/components/ca-note/ca-note.component.mjs +2 -2
  35. package/esm2022/lib/components/ca-note-container/ca-note-container.component.mjs +2 -2
  36. package/esm2022/lib/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component.mjs +4 -4
  37. package/esm2022/lib/components/ca-period-content/ca-period-content.component.mjs +2 -2
  38. package/esm2022/lib/components/ca-period-content/components/ca-period-content-extra-info/ca-period-content-extra-info.component.mjs +3 -3
  39. package/esm2022/lib/components/ca-period-content/components/ca-period-content-payment/ca-period-content-payment.component.mjs +3 -3
  40. package/esm2022/lib/components/ca-period-content/components/ca-period-content-user-info/ca-period-content-user-info.component.mjs +3 -3
  41. package/esm2022/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.mjs +3 -3
  42. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.mjs +3 -3
  43. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-list/ca-load-list.component.mjs +3 -3
  44. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-single/ca-load-single.component.mjs +3 -3
  45. package/esm2022/lib/components/ca-profile-image/ca-profile-image.component.mjs +3 -3
  46. package/esm2022/lib/components/ca-progress-bar/ca-progress-bar.component.mjs +2 -2
  47. package/esm2022/lib/components/ca-progress-expiration/ca-progress-expiration.component.mjs +2 -2
  48. package/esm2022/lib/components/ca-rating-review/ca-rating-review.component.mjs +2 -2
  49. package/esm2022/lib/components/ca-rating-review/components/ca-rating-review-user/ca-rating-review-user.component.mjs +2 -2
  50. package/esm2022/lib/components/ca-rating-review/components/ca-ratings-reviews-popup/ca-ratings-reviews-popup.component.mjs +2 -2
  51. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-company/ca-right-side-panel-company.component.mjs +3 -3
  52. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-menu/ca-right-side-panel-menu.component.mjs +3 -3
  53. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-top-bar/ca-right-side-panel-top-bar.component.mjs +3 -3
  54. package/esm2022/lib/components/ca-search-multiple-states/ca-search-multiple-states.component.mjs +2 -2
  55. package/esm2022/lib/components/ca-sort-dropdown/ca-sort-dropdown.component.mjs +2 -2
  56. package/esm2022/lib/components/ca-spinner/ca-spinner.component.mjs +2 -2
  57. package/esm2022/lib/components/ca-tab-switch/ca-tab-switch.component.mjs +3 -3
  58. package/esm2022/lib/components/ca-todo/ca-todo.component.mjs +3 -3
  59. package/esm2022/lib/components/ca-todo/components/ca-todo-card.component.mjs +3 -3
  60. package/esm2022/lib/components/ca-tooltip-list/ca-tooltip-list.component.mjs +3 -3
  61. package/esm2022/lib/components/ca-truck-trailer-progress-bar/ca-truck-trailer-progress-bar.component.mjs +2 -2
  62. package/esm2022/lib/components/ca-upload-files/ca-upload-files.component.mjs +3 -3
  63. package/esm2022/lib/components/ca-upload-files/components/ca-upload-dropzone/ca-upload-dropzone.component.mjs +3 -3
  64. package/esm2022/lib/components/ca-upload-files/components/ca-upload-file/ca-upload-file.component.mjs +2 -2
  65. package/esm2022/lib/components/ca-upload-files/components/ca-upload-files-carousel/ca-upload-files-carousel.component.mjs +3 -3
  66. package/fesm2022/ca-components.mjs +134 -131
  67. package/fesm2022/ca-components.mjs.map +1 -1
  68. package/lib/components/ca-input/input-test/input-test.component.d.ts +1 -0
  69. package/lib/components/ca-map/ca-map.component.d.ts +1 -8
  70. package/lib/components/ca-map/models/map.model.d.ts +15 -0
  71. package/lib/components/ca-map/utils/constants/map-options.constants.d.ts +4 -0
  72. package/package.json +1 -1
package/esm2022/lib/components/ca-filters/components/ca-dispatcher-filter/ca-dispatcher-filter.component.mjs CHANGED
@@ -183,7 +183,7 @@ export class CaDispatcherFilterComponent {
183
183
  this.destroy$.complete();
184
184
  }
185
185
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaDispatcherFilterComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
186
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaDispatcherFilterComponent, isStandalone: true, selector: "app-ca-dispatcher-filter", inputs: { type: "type", isFilterActive: "isFilterActive", filterTitle: "filterTitle", hasLeftSideIcon: "hasLeftSideIcon", toDoSubType: "toDoSubType", unselectedUser: "unselectedUser", isSearchExpanded: "isSearchExpanded" }, ngImport: i0, template: "<ng-container\n *ngIf=\"\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n \"\n>\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"dispatcherSearch\"\n ></app-ca-input>\n </div>\n <div\n class=\"selected-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of selectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"removeFromSelectedUser(item, indx)\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n ></app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"selected-dispatcher-frame d-flex align-items-center justify-content-between\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }}</span>\n </div>\n <ng-container *ngIf=\"item?.count; else noCount\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center activeCount\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n\n <ng-template #noCount>\n <ng-container *ngIf=\"!item.count; else noCounter\">\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n </div>\n </ng-container>\n <ng-template #noCounter>\n <div class=\"counter-holder activeCounter\">2</div>\n </ng-template>\n </ng-template>\n <div\n (click)=\"removeFromSelectedUser(item, indx)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"getSvgPath('removeSelectedValue')\"></svg-icon>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"selectedUser.length > 0\">\n <div class=\"border-filter border-thrird-margin\"></div>\n </ng-container>\n </div>\n <div\n class=\"filter-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of unselectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div class=\"dispatcher-frame-holder d-flex align-items-center\">\n <ng-container *ngIf=\"!item.hidden && !item.isSelected\">\n <div\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"addToSelectedUser(item, indx)\"\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"dispatcher-frame d-flex align-items-center\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n\n <ng-container *ngIf=\"item?.count\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <ng-container *ngIf=\"unselectedUser?.length !== selectedUser?.length\">\n <div class=\"border-filter\"></div>\n </ng-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.border-thrird-margin{margin:6px 0}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#dadada}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.filter-dispatcher-holder{position:relative;width:100%;max-height:224px;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.filter-dispatcher-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-dispatcher-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-dispatcher-holder::-webkit-scrollbar{width:4px}.filter-dispatcher-holder::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}.filter-dispatcher-holder::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.filter-dispatcher-holder .dispatcher-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder.state-main-holder{height:26px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#dadada;line-height:18px;margin-bottom:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.selected-dispatcher-holder .dispatcher-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#dadada;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.selected-dispatcher-holder .dispatcher-main-holder:hover .count-holder{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder:hover .dispatcher-profile-img svg-icon svg path{fill:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover .selected-icon{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type:
186
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaDispatcherFilterComponent, isStandalone: true, selector: "app-ca-dispatcher-filter", inputs: { type: "type", isFilterActive: "isFilterActive", filterTitle: "filterTitle", hasLeftSideIcon: "hasLeftSideIcon", toDoSubType: "toDoSubType", unselectedUser: "unselectedUser", isSearchExpanded: "isSearchExpanded" }, ngImport: i0, template: "<ng-container\n *ngIf=\"\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n \"\n>\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"dispatcherSearch\"\n ></app-ca-input>\n </div>\n <div\n class=\"selected-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of selectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"removeFromSelectedUser(item, indx)\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n ></app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"selected-dispatcher-frame d-flex align-items-center justify-content-between\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }}</span>\n </div>\n <ng-container *ngIf=\"item?.count; else noCount\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center activeCount\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n\n <ng-template #noCount>\n <ng-container *ngIf=\"!item.count; else noCounter\">\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n </div>\n </ng-container>\n <ng-template #noCounter>\n <div class=\"counter-holder activeCounter\">2</div>\n </ng-template>\n </ng-template>\n <div\n (click)=\"removeFromSelectedUser(item, indx)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"getSvgPath('removeSelectedValue')\"></svg-icon>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"selectedUser.length > 0\">\n <div class=\"border-filter border-thrird-margin\"></div>\n </ng-container>\n </div>\n <div\n class=\"filter-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of unselectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div class=\"dispatcher-frame-holder d-flex align-items-center\">\n <ng-container *ngIf=\"!item.hidden && !item.isSelected\">\n <div\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"addToSelectedUser(item, indx)\"\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"dispatcher-frame d-flex align-items-center\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n\n <ng-container *ngIf=\"item?.count\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <ng-container *ngIf=\"unselectedUser?.length !== selectedUser?.length\">\n <div class=\"border-filter\"></div>\n </ng-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.border-thrird-margin{margin:6px 0}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#dadada}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.filter-dispatcher-holder{position:relative;width:100%;max-height:224px;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.filter-dispatcher-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-dispatcher-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-dispatcher-holder::-webkit-scrollbar{width:4px}.filter-dispatcher-holder::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}.filter-dispatcher-holder::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.filter-dispatcher-holder .dispatcher-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder.state-main-holder{height:26px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#dadada;line-height:18px;margin-bottom:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.selected-dispatcher-holder .dispatcher-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#dadada;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.selected-dispatcher-holder .dispatcher-main-holder:hover .count-holder{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder:hover .dispatcher-profile-img svg-icon svg path{fill:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover .selected-icon{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type:
187
187
  // modules
188
188
  CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i3.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
189
189
  // components
@@ -206,7 +206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
206
206
  ], animations: [
207
207
  inOutAnimation('inOutAnimation'),
208
208
  showAnimation('showAnimation'),
209
- ], template: "<ng-container\n *ngIf=\"\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n \"\n>\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"dispatcherSearch\"\n ></app-ca-input>\n </div>\n <div\n class=\"selected-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of selectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"removeFromSelectedUser(item, indx)\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n ></app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"selected-dispatcher-frame d-flex align-items-center justify-content-between\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }}</span>\n </div>\n <ng-container *ngIf=\"item?.count; else noCount\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center activeCount\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n\n <ng-template #noCount>\n <ng-container *ngIf=\"!item.count; else noCounter\">\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n </div>\n </ng-container>\n <ng-template #noCounter>\n <div class=\"counter-holder activeCounter\">2</div>\n </ng-template>\n </ng-template>\n <div\n (click)=\"removeFromSelectedUser(item, indx)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"getSvgPath('removeSelectedValue')\"></svg-icon>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"selectedUser.length > 0\">\n <div class=\"border-filter border-thrird-margin\"></div>\n </ng-container>\n </div>\n <div\n class=\"filter-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of unselectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div class=\"dispatcher-frame-holder d-flex align-items-center\">\n <ng-container *ngIf=\"!item.hidden && !item.isSelected\">\n <div\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"addToSelectedUser(item, indx)\"\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"dispatcher-frame d-flex align-items-center\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n\n <ng-container *ngIf=\"item?.count\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <ng-container *ngIf=\"unselectedUser?.length !== selectedUser?.length\">\n <div class=\"border-filter\"></div>\n </ng-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.border-thrird-margin{margin:6px 0}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#dadada}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.filter-dispatcher-holder{position:relative;width:100%;max-height:224px;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.filter-dispatcher-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-dispatcher-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-dispatcher-holder::-webkit-scrollbar{width:4px}.filter-dispatcher-holder::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}.filter-dispatcher-holder::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.filter-dispatcher-holder .dispatcher-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder.state-main-holder{height:26px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#dadada;line-height:18px;margin-bottom:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.selected-dispatcher-holder .dispatcher-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#dadada;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.selected-dispatcher-holder .dispatcher-main-holder:hover .count-holder{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder:hover .dispatcher-profile-img svg-icon svg path{fill:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover .selected-icon{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"] }]
209
+ ], template: "<ng-container\n *ngIf=\"\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n \"\n>\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"dispatcherSearch\"\n ></app-ca-input>\n </div>\n <div\n class=\"selected-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of selectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"removeFromSelectedUser(item, indx)\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n ></app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"selected-dispatcher-frame d-flex align-items-center justify-content-between\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }}</span>\n </div>\n <ng-container *ngIf=\"item?.count; else noCount\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center activeCount\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n\n <ng-template #noCount>\n <ng-container *ngIf=\"!item.count; else noCounter\">\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"getSvgPath('iconConfirm')\"></svg-icon>\n </div>\n </ng-container>\n <ng-template #noCounter>\n <div class=\"counter-holder activeCounter\">2</div>\n </ng-template>\n </ng-template>\n <div\n (click)=\"removeFromSelectedUser(item, indx)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"getSvgPath('removeSelectedValue')\"></svg-icon>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"selectedUser.length > 0\">\n <div class=\"border-filter border-thrird-margin\"></div>\n </ng-container>\n </div>\n <div\n class=\"filter-dispatcher-holder d-flex justify-content-start align-items-start flex-column\"\n >\n <ng-container\n *ngFor=\"\n let item of unselectedUser;\n let indx = index;\n trackBy: trackByIdentity\n \"\n >\n <div class=\"dispatcher-frame-holder d-flex align-items-center\">\n <ng-container *ngIf=\"!item.hidden && !item.isSelected\">\n <div\n [@inOutAnimation]=\"'in'\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"addToSelectedUser(item, indx)\"\n class=\"dispatcher-main-holder d-flex align-items-center justify-content-center\"\n >\n <ng-container\n *ngIf=\"type === 'dispatcherFilter' || type === 'driverFilter'\"\n >\n <div class=\"dispatcher-profile-img d-flex align-items-center\">\n <ng-container *ngIf=\"!item.avatar; else avatarTemplate\">\n <app-ca-profile-image\n [indx]=\"indx\"\n [textShortName]=\"item.name\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </ng-container>\n\n <ng-template #avatarTemplate>\n <div\n class=\"dispatcher_avatar\"\n style.background-image=\"url('{{ item.avatar }}')\"\n ></div>\n </ng-template>\n </div>\n </ng-container>\n <div\n class=\"dispatcher-frame d-flex align-items-center\"\n [class.dispatcher-frame-no-icon]=\"\n type !== 'dispatcherFilter' && type !== 'driverFilter'\n \"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n\n <ng-container *ngIf=\"item?.count\">\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center\"\n >\n {{ item.count }}\n </span>\n </ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <ng-container *ngIf=\"unselectedUser?.length !== selectedUser?.length\">\n <div class=\"border-filter\"></div>\n </ng-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.border-thrird-margin{margin:6px 0}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#dadada}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.filter-dispatcher-holder{position:relative;width:100%;max-height:224px;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.filter-dispatcher-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-dispatcher-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-dispatcher-holder::-webkit-scrollbar{width:4px}.filter-dispatcher-holder::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}.filter-dispatcher-holder::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.filter-dispatcher-holder .dispatcher-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-main-holder.state-main-holder{height:26px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#dadada;line-height:18px;margin-bottom:2px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.filter-dispatcher-holder .dispatcher-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-dispatcher-holder .dispatcher-frame-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-dispatcher-holder .dispatcher-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-dispatcher-holder .dispatcher-frame-no-icon{padding-left:6px!important}.selected-dispatcher-holder .dispatcher-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#dadada;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-dispatcher-frame::selection{background:#536bc220;color:#536bc2}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-dispatcher-holder .dispatcher-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;white-space:nowrap}.selected-dispatcher-holder .dispatcher-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover{cursor:pointer;background-color:#424242}.selected-dispatcher-holder .dispatcher-main-holder:hover .count-holder{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder:hover .dispatcher-profile-img svg-icon svg path{fill:#dadada}.selected-dispatcher-holder .dispatcher-main-holder:hover .selected-icon{visibility:hidden}.selected-dispatcher-holder .dispatcher-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img{position:absolute;left:4px;top:0;height:26px;width:18px}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-dispatcher-holder .dispatcher-main-holder .dispatcher-profile-img .dispatcher_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"] }]
210
210
  }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }], propDecorators: { type: [{
211
211
  type: Input
212
212
  }], isFilterActive: [{
package/esm2022/lib/components/ca-filters/components/ca-location-filter/ca-location-filter.component.mjs CHANGED
@@ -228,7 +228,7 @@ export class CaLocationFilterComponent {
228
228
  this.destroy$.complete();
229
229
  }
230
230
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaLocationFilterComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
231
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaLocationFilterComponent, isStandalone: true, selector: "app-ca-location-filter", inputs: { type: "type", toDoSubType: "toDoSubType", isLegendView: "isLegendView", isFilterActive: "isFilterActive", isAreaFilter: "isAreaFilter", addressList: "addressList" }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'locationFilter'\">\n <div class=\"border-filter\"></div>\n <div class=\"areaFilterHolder\" [@showAnimation]=\"!!isFilterActive\">\n <app-ca-tab-switch\n [tabs]=\"areaBoxTab\"\n (switchClicked)=\"onTabChange($event, 'REQUESTS-BOX')\"\n [type]=\"'type2-modal-popup'\"\n >\n </app-ca-tab-switch>\n </div>\n <div class=\"area-all-holder d-flex flex-wrap flex-row\">\n <ng-container\n *ngIf=\"\n isAreaFilter && areaFilterSelected !== 'Location';\n else locationSelected\n \"\n >\n <div class=\"main-part-holder\" [@areaRightSideAnimation]=\"'in'\">\n <div\n class=\"area-forms-holder\"\n [formGroup]=\"areaForm\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"origin\"\n [inputConfig]=\"getOriginControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleOriginSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"destination\"\n [inputConfig]=\"getDestinationControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleDestinationSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #locationSelected>\n <div class=\"main-part-holder\" [@areaLeftSideAnimation]=\"'in'\">\n <div\n class=\"filter-middle-holder location-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n [formGroup]=\"locationForm\"\n >\n <app-ca-input-address-dropdown\n formControlName=\"address\"\n [inputConfig]=\"getAddressControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (sentAddressValue)=\"handleInputSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </ng-template>\n\n <div\n class=\"filter-middle-holder location-slider-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div\n class=\"range-new-value-holder d-flex justify-content-start align-items-center\"\n >\n <div class=\"range-text\">Range</div>\n <div class=\"range-flex-holder\">\n <div (onUserValueChange)=\"setRangeValue($event)\"></div>\n <app-ca-ngx-slider\n [sliderOptions]=\"locationSliderData\"\n [startedValue]=\"locationRange\"\n [customClass]=\"'custom-slider-filter'\"\n ></app-ca-ngx-slider>\n </div>\n </div>\n </div>\n </div>\n <div class=\"border-filter bottom-border-margin\"></div>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.areaFilterHolder{padding:6px 4px;width:100%}.selected-name-text{width:100%;line-height:26px}.bottom-border-margin{margin:10px 0}.buttons-holder{padding:0}.button-clear,.button-set{width:140px!important}.area-all-holder{width:100%;padding:0 4px;overflow:hidden}.area-all-holder .main-part-holder{position:relative;width:100%}.area-all-holder .main-part-holder .area-forms-holder .area-single-form-holder{padding:16px 0 10px;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type:
231
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaLocationFilterComponent, isStandalone: true, selector: "app-ca-location-filter", inputs: { type: "type", toDoSubType: "toDoSubType", isLegendView: "isLegendView", isFilterActive: "isFilterActive", isAreaFilter: "isAreaFilter", addressList: "addressList" }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'locationFilter'\">\n <div class=\"border-filter\"></div>\n <div class=\"areaFilterHolder\" [@showAnimation]=\"!!isFilterActive\">\n <app-ca-tab-switch\n [tabs]=\"areaBoxTab\"\n (switchClicked)=\"onTabChange($event, 'REQUESTS-BOX')\"\n [type]=\"'type2-modal-popup'\"\n >\n </app-ca-tab-switch>\n </div>\n <div class=\"area-all-holder d-flex flex-wrap flex-row\">\n <ng-container\n *ngIf=\"\n isAreaFilter && areaFilterSelected !== 'Location';\n else locationSelected\n \"\n >\n <div class=\"main-part-holder\" [@areaRightSideAnimation]=\"'in'\">\n <div\n class=\"area-forms-holder\"\n [formGroup]=\"areaForm\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"origin\"\n [inputConfig]=\"getOriginControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleOriginSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"destination\"\n [inputConfig]=\"getDestinationControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleDestinationSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #locationSelected>\n <div class=\"main-part-holder\" [@areaLeftSideAnimation]=\"'in'\">\n <div\n class=\"filter-middle-holder location-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n [formGroup]=\"locationForm\"\n >\n <app-ca-input-address-dropdown\n formControlName=\"address\"\n [inputConfig]=\"getAddressControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (sentAddressValue)=\"handleInputSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </ng-template>\n\n <div\n class=\"filter-middle-holder location-slider-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div\n class=\"range-new-value-holder d-flex justify-content-start align-items-center\"\n >\n <div class=\"range-text\">Range</div>\n <div class=\"range-flex-holder\">\n <div (onUserValueChange)=\"setRangeValue($event)\"></div>\n <app-ca-ngx-slider\n [sliderOptions]=\"locationSliderData\"\n [startedValue]=\"locationRange\"\n [customClass]=\"'custom-slider-filter'\"\n ></app-ca-ngx-slider>\n </div>\n </div>\n </div>\n </div>\n <div class=\"border-filter bottom-border-margin\"></div>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.areaFilterHolder{padding:6px 4px;width:100%}.selected-name-text{width:100%;line-height:26px}.bottom-border-margin{margin:10px 0}.buttons-holder{padding:0}.button-clear,.button-set{width:140px!important}.area-all-holder{width:100%;padding:0 4px;overflow:hidden}.area-all-holder .main-part-holder{position:relative;width:100%}.area-all-holder .main-part-holder .area-forms-holder .area-single-form-holder{padding:16px 0 10px;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type:
232
232
  // modules
233
233
  AngularSvgIconModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type:
234
234
  // components
@@ -257,7 +257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
257
257
  showAnimation('showAnimation'),
258
258
  areaLeftSideAnimation('areaLeftSideAnimation'),
259
259
  areaRightSideAnimation('areaRightSideAnimation'),
260
- ], template: "<ng-container *ngIf=\"type === 'locationFilter'\">\n <div class=\"border-filter\"></div>\n <div class=\"areaFilterHolder\" [@showAnimation]=\"!!isFilterActive\">\n <app-ca-tab-switch\n [tabs]=\"areaBoxTab\"\n (switchClicked)=\"onTabChange($event, 'REQUESTS-BOX')\"\n [type]=\"'type2-modal-popup'\"\n >\n </app-ca-tab-switch>\n </div>\n <div class=\"area-all-holder d-flex flex-wrap flex-row\">\n <ng-container\n *ngIf=\"\n isAreaFilter && areaFilterSelected !== 'Location';\n else locationSelected\n \"\n >\n <div class=\"main-part-holder\" [@areaRightSideAnimation]=\"'in'\">\n <div\n class=\"area-forms-holder\"\n [formGroup]=\"areaForm\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"origin\"\n [inputConfig]=\"getOriginControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleOriginSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"destination\"\n [inputConfig]=\"getDestinationControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleDestinationSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #locationSelected>\n <div class=\"main-part-holder\" [@areaLeftSideAnimation]=\"'in'\">\n <div\n class=\"filter-middle-holder location-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n [formGroup]=\"locationForm\"\n >\n <app-ca-input-address-dropdown\n formControlName=\"address\"\n [inputConfig]=\"getAddressControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (sentAddressValue)=\"handleInputSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </ng-template>\n\n <div\n class=\"filter-middle-holder location-slider-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div\n class=\"range-new-value-holder d-flex justify-content-start align-items-center\"\n >\n <div class=\"range-text\">Range</div>\n <div class=\"range-flex-holder\">\n <div (onUserValueChange)=\"setRangeValue($event)\"></div>\n <app-ca-ngx-slider\n [sliderOptions]=\"locationSliderData\"\n [startedValue]=\"locationRange\"\n [customClass]=\"'custom-slider-filter'\"\n ></app-ca-ngx-slider>\n </div>\n </div>\n </div>\n </div>\n <div class=\"border-filter bottom-border-margin\"></div>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.areaFilterHolder{padding:6px 4px;width:100%}.selected-name-text{width:100%;line-height:26px}.bottom-border-margin{margin:10px 0}.buttons-holder{padding:0}.button-clear,.button-set{width:140px!important}.area-all-holder{width:100%;padding:0 4px;overflow:hidden}.area-all-holder .main-part-holder{position:relative;width:100%}.area-all-holder .main-part-holder .area-forms-holder .area-single-form-holder{padding:16px 0 10px;overflow:hidden}\n"] }]
260
+ ], template: "<ng-container *ngIf=\"type === 'locationFilter'\">\n <div class=\"border-filter\"></div>\n <div class=\"areaFilterHolder\" [@showAnimation]=\"!!isFilterActive\">\n <app-ca-tab-switch\n [tabs]=\"areaBoxTab\"\n (switchClicked)=\"onTabChange($event, 'REQUESTS-BOX')\"\n [type]=\"'type2-modal-popup'\"\n >\n </app-ca-tab-switch>\n </div>\n <div class=\"area-all-holder d-flex flex-wrap flex-row\">\n <ng-container\n *ngIf=\"\n isAreaFilter && areaFilterSelected !== 'Location';\n else locationSelected\n \"\n >\n <div class=\"main-part-holder\" [@areaRightSideAnimation]=\"'in'\">\n <div\n class=\"area-forms-holder\"\n [formGroup]=\"areaForm\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"origin\"\n [inputConfig]=\"getOriginControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleOriginSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n <div class=\"area-single-form-holder\">\n <app-ca-input-address-dropdown\n formControlName=\"destination\"\n [inputConfig]=\"getDestinationControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (selectedAddress)=\"handleDestinationSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #locationSelected>\n <div class=\"main-part-holder\" [@areaLeftSideAnimation]=\"'in'\">\n <div\n class=\"filter-middle-holder location-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n [formGroup]=\"locationForm\"\n >\n <app-ca-input-address-dropdown\n formControlName=\"address\"\n [inputConfig]=\"getAddressControl\"\n [placeholderType]=\"'shortAddress'\"\n [addresList]=\"addressList\"\n (sentAddressValue)=\"handleInputSelect($event)\"\n ></app-ca-input-address-dropdown>\n </div>\n </div>\n </ng-template>\n\n <div\n class=\"filter-middle-holder location-slider-middle-padding\"\n [@showAnimation]=\"!!isFilterActive\"\n >\n <div\n class=\"range-new-value-holder d-flex justify-content-start align-items-center\"\n >\n <div class=\"range-text\">Range</div>\n <div class=\"range-flex-holder\">\n <div (onUserValueChange)=\"setRangeValue($event)\"></div>\n <app-ca-ngx-slider\n [sliderOptions]=\"locationSliderData\"\n [startedValue]=\"locationRange\"\n [customClass]=\"'custom-slider-filter'\"\n ></app-ca-ngx-slider>\n </div>\n </div>\n </div>\n </div>\n <div class=\"border-filter bottom-border-margin\"></div>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.areaFilterHolder{padding:6px 4px;width:100%}.selected-name-text{width:100%;line-height:26px}.bottom-border-margin{margin:10px 0}.buttons-holder{padding:0}.button-clear,.button-set{width:140px!important}.area-all-holder{width:100%;padding:0 4px;overflow:hidden}.area-all-holder .main-part-holder{position:relative;width:100%}.area-all-holder .main-part-holder .area-forms-holder .area-single-form-holder{padding:16px 0 10px;overflow:hidden}\n"] }]
261
261
  }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }], propDecorators: { type: [{
262
262
  type: Input
263
263
  }], toDoSubType: [{