npm - ca-components - Versions diffs - 1.0.96 → 1.0.97 - Mend

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

package/esm2022/lib/components/ca-progress-bar/ca-progress-bar.component.mjs CHANGED Viewed

@@ -157,7 +157,7 @@ export class ProgressBarComponent {
         this.gpsIconTopPosition = currentStopPercentage ?? topPosition;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "app-ca-progress-bar", inputs: { isDropdown: "isDropdown", currentPosition: "currentPosition", mileageInfo: "mileageInfo", currentStop: "currentStop", gpsTitle: "gpsTitle", gpsIcon: "gpsIcon", gpsInfo: "gpsInfo", mileagesPercent: "mileagesPercent", totalMiles: "totalMiles", gpsProgress: "gpsProgress", gpsLocationIcon: "gpsLocationIcon", dispatchStatus: "dispatchStatus" }, ngImport: i0, template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"], dependencies: [{ kind: "ngmodule", type:
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "app-ca-progress-bar", inputs: { isDropdown: "isDropdown", currentPosition: "currentPosition", mileageInfo: "mileageInfo", currentStop: "currentStop", gpsTitle: "gpsTitle", gpsIcon: "gpsIcon", gpsInfo: "gpsInfo", mileagesPercent: "mileagesPercent", totalMiles: "totalMiles", gpsProgress: "gpsProgress", gpsLocationIcon: "gpsLocationIcon", dispatchStatus: "dispatchStatus" }, ngImport: i0, template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"], dependencies: [{ kind: "ngmodule", type:
                 // Modules
                 CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i3.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i4.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "directive", type: i4.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
                 // Components
@@ -179,7 +179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Pipes
                         ThousandSeparatorPipe,
                         ConvertMinutesToHoursPipe,
-                    ], template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"] }]
+                    ], template: "<div class=\"gps-progress-bar\">\n  <div\n    class=\"gps-progress-holder d-flex align-items-center\"\n    #t2=\"ngbPopover\"\n    [ngbPopover]=\"gpsDropdownPopover\"\n    [autoClose]=\"'outside'\"\n    container=\"body\"\n    [placement]=\"'bottom-right'\"\n    popoverClass=\"gps_dropdown_popover\"\n    triggers=\"manual\"\n    (click)=\"showDropdownMap(t2)\"\n  >\n    <div\n      class=\"gps-progress-img\"\n      (mouseenter)=\"hoveredGpsIcon = true\"\n      (mouseleave)=\"hoveredGpsIcon = false\"\n    >\n      <svg-icon [src]=\"gpsIcon\"></svg-icon>\n    </div>\n    <ng-container *ngIf=\"!hoveredGpsIcon\">\n      <div class=\"gps-progress-text\">\n        <div class=\"mileage-gps d-flex justify-content-between\">\n          <div class=\"mileages ca-font-bold\">\n            {{ hoveredGpsTitle ?? gpsTitle }}\n          </div>\n          <div class=\"mileage-normal ca-font-regular\">\n            {{ hoveredMileageInfo ?? mileageInfo }}\n          </div>\n        </div>\n        <div class=\"mileage-gps d-flex\">\n          <div class=\"gps-timeline\">\n            <div\n              class=\"gps-timeline-active\"\n              [ngStyle]=\"{ width: currentPosition + '%' }\"\n            ></div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let i = index;\n                trackBy: identity\n              \"\n            >\n              <div\n                class=\"gps-stop\"\n                (mouseenter)=\"hoverStop(stop, i, false)\"\n                (mouseleave)=\"leaveStop()\"\n                [ngClass]=\"{\n                  'pickup-stop': stop.type === 'pickup',\n                  'delivery-stop': stop.type === 'delivery',\n                  'visited-stop': currentPosition >= stop.position,\n                }\"\n                [ngStyle]=\"{ left: stop.position + '%' }\"\n                ngbTooltip\n                [tooltipBackground]=\"'#424242'\"\n                [mainCaTooltip]=\"stop?.location ?? ''\"\n                position=\"bottom\"\n              ></div>\n            </ng-container>\n            <div\n              class=\"current-pos\"\n              (mouseenter)=\"hoverStop(currentStop, -2, true)\"\n              (mouseleave)=\"leaveStop()\"\n              [ngStyle]=\"{ left: currentPosition + '%' }\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"currentStop?.location ?? ''\"\n              [disableTooltip]=\"!currentStop\"\n              position=\"bottom\"\n            >\n              <svg-icon [src]=\"gpsLocationIcon\"></svg-icon>\n            </div>\n          </div>\n          <div class=\"mileages ca-font-bold\">{{ mileagesPercent }}</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"hoveredGpsIcon && gpsInfo\">\n      <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n        <div\n          class=\"moving_side ca-font-bold\"\n          [ngStyle]=\"{ color: gpsInfo.gpsheadingColor }\"\n        >\n          {{ gpsInfo.gpsheading }}\n        </div>\n        <div class=\"moving_time ca-font-medium\">{{ gpsInfo.gpsTime }}</div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #gpsDropdownPopover let-data=\"data\">\n    <div class=\"main_dropdown_holder d-flex\">\n      <div class=\"map_holder\">\n        <app-ca-map [data]=\"Mapdata\"></app-ca-map>\n      </div>\n      <div class=\"gps_all_hold\">\n        <div\n          class=\"gps_header d-flex align-items-center\"\n          (mouseenter)=\"hoveredGpsIcon = true\"\n          (mouseleave)=\"hoveredGpsIcon = false\"\n        >\n          <div class=\"gps-progress-img\">\n            <svg-icon [src]=\"gpsIcon\"></svg-icon>\n          </div>\n          <div class=\"gps_info_hold d-flex flex-column justify-content-center\">\n            <div\n              class=\"moving_side ca-font-bold\"\n              [ngStyle]=\"{ color: gpsInfo?.gpsheadingColor }\"\n            >\n              {{ gpsInfo?.gpsheading }}\n            </div>\n            <!-- <div class=\"moving_time ca-font-medium\">\n              {{ !hoveredGpsIcon ? 'Near Maplewood, MO' : '03:47' }}\n            </div> -->\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_progress_hold\">\n          <div\n            class=\"gps_progress_hold_inner d-flex flex-column justify-content-between align-items-start\"\n          >\n            <div class=\"progress_line\">\n              <div\n                class=\"progress_inner_line\"\n                [ngStyle]=\"{\n                  height: gpsIconTopPosition + '%',\n                }\"\n              ></div>\n\n              <ng-container *ngIf=\"!currentStop\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    gpsLocationIconTemplate;\n                    context: { topPosition: gpsIconTopPosition }\n                  \"\n                ></ng-container>\n              </ng-container>\n            </div>\n            <ng-container\n              *ngFor=\"\n                let stop of _gpsProgress;\n                let stopIndex = index;\n                trackBy: identity\n              \"\n            >\n              <div class=\"progress_inner\">\n                <div class=\"progress_header d-flex\">\n                  <div class=\"progress_header_inside d-flex\">\n                    <div\n                      class=\"progress_icon d-flex justify-content-center align-items-center\"\n                      [ngClass]=\"{\n                        'delivery-icon': stop.type === 'delivery',\n                        'pickup-icon': stop.type === 'pickup',\n                      }\"\n                    >\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else gpsLocationIconTemplate\"\n                      >\n                        <ng-container\n                          *ngIf=\"\n                            currentPosition >= stop.position;\n                            else progressStopNumberTemplate\n                          \"\n                        >\n                          <svg-icon\n                            [src]=\"getSvgPath('checkRoute')\"\n                            [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                          ></svg-icon>\n                        </ng-container>\n\n                        <ng-template #progressStopNumberTemplate>\n                          <div\n                            class=\"progress-stop-number text-center\"\n                            [ngStyle]=\"{\n                            color:\n                              stop.type === 'pickup' ? '#86C9C3' : '#ED9292',\n                          }\"\n                          >\n                            {{ stop.stopNumber }}\n                          </div>\n                        </ng-template>\n                      </ng-container>\n                    </div>\n                    <div class=\"progress_info_hold d-flex flex-column\">\n                      <div\n                        class=\"progress_name ca-font-bold\"\n                        [ngStyle]=\"{\n                          color:\n                            (stop.isAtStop || (currentPosition < stop.position))\n                              ? stop.type === 'pickup'\n                                ? '#86C9C3'\n                                : '#ED9292'\n                              : '#919191',\n                        }\"\n                      >\n                        {{ stop.location }}\n                      </div>\n                      <ng-container\n                        *ngIf=\"!stop.isAtStop; else locationAtStopTemplate\"\n                      >\n                        <ng-container *ngIf=\"stop.date\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.date }}\n                          </div>\n                        </ng-container>\n                        <ng-container *ngIf=\"stop.time\">\n                          <div\n                            class=\"progress_time ca-font-regular\"\n                            [class.visited-stop-text]=\"\n                              currentPosition >= stop.position && !stop.isAtStop\n                            \"\n                          >\n                            {{ stop.time }}\n                          </div>\n                        </ng-container>\n                      </ng-container>\n\n                      <ng-template #locationAtStopTemplate>\n                        <div class=\"progress_time ca-font-bold\">\n                          {{ dispatchStatus }}\n                        </div>\n                        <ng-container *ngIf=\"stop.currentWaitTime\">\n                          <div class=\"progress_time\">\n                            {{ stop.currentWaitTime | convertMinutesToHours }}\n                          </div>\n                        </ng-container>\n                      </ng-template>\n                    </div>\n                  </div>\n                  <div\n                    class=\"progress-leg-miles-text\"\n                    [ngClass]=\"{\n                      'visited-stop-text': (currentPosition >= stop.position) && !stop.isAtStop,\n                      'ca-font-bold': stopIndex === 0,\n                    }\"\n                  >\n                    {{\n                      stopIndex === 0\n                        ? 'LEG mi'\n                        : stop?.legMiles\n                        ? '+' + stop.legMiles\n                        : '+' + 0\n                    }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"gps_info_border\"></div>\n        <div class=\"gps_complete_hold\">\n          <div class=\"gps_complete_row d-flex\">\n            <div class=\"gps_complete_text\">\n              {{ staticConstant.completed }}\n            </div>\n            <div class=\"gps_complete_text_info\">\n              {{ staticConstant.total }}\n            </div>\n          </div>\n          <div class=\"gps_complete_second_row d-flex\">\n            <div class=\"gps_complete_text ca-font-bold\">\n              {{ currentPosition }}{{ staticConstant.percentage }}\n            </div>\n            <div class=\"gps_complete_text_info ca-font-bold\">\n              {{ totalMiles | thousandSeparator }} {{ staticConstant.miles }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #gpsLocationIconTemplate let-topPosition=\"topPosition\">\n  <div\n    class=\"d-flex align-items-center justify-content-center\"\n    [class.moving-gps]=\"topPosition !== undefined\"\n    [style.top]=\"topPosition + '%'\"\n  >\n    <svg-icon\n      class=\"d-flex\"\n      [src]=\"gpsLocationIcon\"\n      [svgStyle]=\"{ 'width.px': 10, 'height.px': 10 }\"\n    ></svg-icon>\n  </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-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}.gps-progress-bar{width:100%;max-width:326px}.gps-progress-bar .gps-progress-holder{height:26px;padding:2px}.gps-progress-bar .gps-progress-holder .gps-progress-img{cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-img svg-icon svg{width:22px;height:22px}.gps-progress-bar .gps-progress-holder .gps-progress-text{height:26px;padding:0 2px 0 6px;flex:1}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps{height:12px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps:last-child{align-items:center}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal{font-size:11px;color:#2f2f2f;-webkit-user-select:none;user-select:none}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::-moz-selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileages::selection,.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .mileage-normal::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline{position:relative;margin-right:12px;flex:1;height:2px;background-color:#919191}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop{position:absolute;top:50%;width:4px;height:6px;border-radius:1px;background-color:#dadada;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop{background-color:#56b4ac}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.pickup-stop.visited-stop{background-color:#259f9466}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop{background-color:#e66767}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-stop.delivery-stop.visited-stop{background-color:#df3c3c66}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos{position:absolute;top:50%;left:0%;transform:translateY(-50%);cursor:pointer}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .current-pos svg-icon svg{width:10px;height:10px}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps-timeline-active{position:absolute;height:2px;left:0;width:0%;background-color:#6c6c6c}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info{position:absolute;background-color:#424242;padding:3px 6px;margin-top:7px;color:#fff;border-radius:3px;z-index:2}.gps-progress-bar .gps-progress-holder .gps-progress-text .mileage-gps .gps-timeline .gps_current_info .gps_info_title{font-size:10px}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px;flex:1}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time{color:#2f2f2f;font-size:11px;line-height:11px}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.gps-progress-bar .gps-progress-holder .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder{width:494px;background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .map_holder{flex:1}.main_dropdown_holder .gps_all_hold{padding:4px;width:224px}.main_dropdown_holder .gps_all_hold .gps_header{margin-bottom:4px;padding:2px;border-radius:2px}.main_dropdown_holder .gps_all_hold .gps_header:hover{background-color:#1d1d1d}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img{cursor:pointer}.main_dropdown_holder .gps_all_hold .gps_header .gps-progress-img svg-icon svg{width:22px;height:22px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold{padding:0 10px 0 8px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side{color:#3074d3;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_side::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time{color:#fff;font-size:11px;line-height:11px}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_header .gps_info_hold .moving_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_info_border{height:1px;width:100%;background-color:#424242;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold{padding:6px 0}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner{position:relative;overflow-y:auto}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line{position:absolute;left:12px;height:calc(100% - 50px);width:2px;background-color:#ccc3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_inner_line{width:2px;height:0px;transform:translateY(5px);background-color:#ccc}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot{position:absolute;left:-4px;top:0;width:10px;height:10px;transform:translateY(50%);background-color:#6692f1;border-radius:100%;z-index:3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_line .progress_moving_dot .moving_dot_inner{width:4px;height:4px;background-color:#dadada;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner{width:100%;height:50px;padding:0 6px 2px;border-radius:1px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:last-child{background:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside{flex:1}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon{height:18px;width:14px;min-width:14px;background-color:#2f2f2f;z-index:2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg{display:flex;width:14px;height:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon svg-icon svg path{fill:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress_dot{width:6px;height:6px;border-radius:100%;background-color:#4db6a2}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon .progress-stop-number{width:22px;font-size:14px;line-height:18px;background-color:#2f2f2f;-webkit-user-select:none;user-select:none}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.delivery-icon svg-icon svg path{fill:#e66767}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_icon.pickup-icon svg-icon svg path{fill:#56b4ac}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold{margin-left:8px;margin-top:2px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name{font-size:11px;line-height:14px;color:#919191}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_name::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time{font-size:11px;line-height:14px;color:#fff}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_header_inside .progress_info_hold .progress_time::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type{height:22px;width:22px;background-color:#aaa;border-radius:100%}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number{color:#fff;line-height:17px;font-size:14px}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::-moz-selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress_type .progress_number::selection{color:#919191;background:#91919120}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text{margin-top:2px;font-size:11px;line-height:14px;color:#dadada}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .progress_header .progress-leg-miles-text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text{color:#919191!important}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::-moz-selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner .visited-stop-text::selection{color:#919191;background:#91919133}.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon,.main_dropdown_holder .gps_all_hold .gps_progress_hold .gps_progress_hold_inner .progress_inner:hover .progress_header .progress_header_inside .progress_icon .progress-stop-number{background-color:#424242}.main_dropdown_holder .gps_all_hold .gps_complete_hold{margin-top:4px;padding:0 4px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row{margin-bottom:2px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text{flex:1;color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text{flex:1;color:#92b1f5;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::-moz-selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text::selection{color:#92b1f5;background:#3b73ed33}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info{color:#dadada;font-size:11px;line-height:14px}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::-moz-selection{color:#dadada;background:#fff3}.main_dropdown_holder .gps_all_hold .gps_complete_hold .gps_complete_second_row .gps_complete_text_info::selection{color:#dadada;background:#fff3}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"] }]
         }], ctorParameters: () => [{ type: i1.MapMarkerIconService }], propDecorators: { isDropdown: [{
                 type: Input
             }], currentPosition: [{