ca-components 2.0.45 → 2.0.47
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.
- package/fesm2022/ca-components.mjs +132 -9
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-details-title-card/ca-details-title-card.component.d.ts +1 -1
- package/lib/components/ca-modal-items/directives/index.d.ts +1 -0
- package/lib/components/ca-modal-items/directives/scroll-shadow-border.directive.d.ts +24 -0
- package/lib/components/ca-progress-bar/ca-progress-bar.component.d.ts +2 -1
- package/lib/enums/general-actions.enum.d.ts +1 -1
- package/package.json +1 -1
|
@@ -236,7 +236,7 @@ var eGeneralActions;
|
|
|
236
236
|
(function (eGeneralActions) {
|
|
237
237
|
eGeneralActions["ADD"] = "Add";
|
|
238
238
|
eGeneralActions["ADD_LOWERCASE"] = "add";
|
|
239
|
-
eGeneralActions["
|
|
239
|
+
eGeneralActions["ADD_NEW"] = "Add New";
|
|
240
240
|
eGeneralActions["UPDATE"] = "Update";
|
|
241
241
|
eGeneralActions["UPDATE_LOWERCASE"] = "update";
|
|
242
242
|
eGeneralActions["DELETE"] = "Delete";
|
|
@@ -23362,6 +23362,7 @@ class ProgressBarComponent {
|
|
|
23362
23362
|
this.eUnit = eUnit;
|
|
23363
23363
|
this.ePosition = ePosition;
|
|
23364
23364
|
this.eColor = eColor;
|
|
23365
|
+
this.eThousandSeparatorFormat = eThousandSeparatorFormat;
|
|
23365
23366
|
}
|
|
23366
23367
|
hoverStop(stop) {
|
|
23367
23368
|
this.hoveredGpsTitle = stop?.isAtStop
|
|
@@ -23450,13 +23451,13 @@ class ProgressBarComponent {
|
|
|
23450
23451
|
}
|
|
23451
23452
|
}
|
|
23452
23453
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, deps: [{ token: MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23453
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ProgressBarComponent, isStandalone: true, selector: "app-ca-progress-bar", inputs: { progressBarData: "progressBarData", dropdownWidth: "dropdownWidth", mapWidth: "mapWidth" }, outputs: { onOpenMap: "onOpenMap" }, ngImport: i0, template: "@let currentStop = _progressBarData?.currentStop;\n@let totalMiles = _progressBarData?.totalMiles;\n@let mileageInfo = _progressBarData?.mileageInfo;\n@let mileagesPercent = _progressBarData?.mileagesPercent;\n@let gpsTitle = _progressBarData?.gpsTitle;\n@let gpsIcon = _progressBarData?.gpsIcon;\n@let gpsInfo = _progressBarData?.gpsInfo;\n@let gpsLocationIcon = _progressBarData?.gpsLocationIcon;\n@let dispatchStatus = _progressBarData?.dispatchStatus;\n@let currentLocation = _progressBarData?.currentLocation;\n\n<div class=\"gps-progress-bar c-pointer\">\n @if (_progressBarData) {\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]=\"ePosition.BOTTOM_RIGHT\"\n popoverClass=\"gps_dropdown_popover\"\n triggers=\"manual\"\n (click)=\"showDropdownMap(t2)\"\n >\n <div\n class=\"c-pointer\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div\n class=\"gps-icon d-flex\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n @if (!hoveredGpsIcon) {\n <div class=\"gps-progress-text flex-1\">\n <div class=\"mileage-gps d-flex justify-content-between\">\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-bold\"\n >\n {{ hoveredGpsTitle ?? gpsTitle }}\n </div>\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-regular\"\n >\n {{ hoveredMileageInfo ?? mileageInfo }}\n </div>\n </div>\n <div class=\"mileage-gps d-flex\">\n <div\n class=\"gps-timeline flex-1 background-dark-2 position-relative h-2 margin-r-8\"\n >\n @let progressLineWidth =\n currentPosition + eUnit.PERCENTAGE_SIGN;\n\n <div\n class=\"gps-timeline-active background-muted position-absolute left-0 h-2\"\n [ngStyle]=\"{ width: progressLineWidth }\"\n ></div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let i = $index;\n track i\n ) {\n @let stopColorClass =\n stop.type === 'pickup'\n ? 'background-green-3'\n : stop.type === 'delivery'\n ? 'background-orange-4'\n : 'background-gray-20';\n\n <div\n class=\"stop-marker translate-middle-y w-12 h-12 c-pointer d-flex align-items-center justify-content-center\"\n [style.--position]=\"stop.position\"\n ngbTooltip\n (mouseenter)=\"hoverStop(stop)\"\n (mouseleave)=\"leaveStop()\"\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"stop?.location ?? ''\"\n [position]=\"ePosition.BOTTOM\"\n >\n <div\n class=\"w-4 h-6 br-1\"\n [ngClass]=\"stopColorClass\"\n ></div>\n </div>\n }\n\n @if (gpsLocationIcon) {\n @let currentLocationTooltip =\n currentLocation?.location ?? null;\n\n <div\n class=\"stop-marker c-pointer w-12 h-12 d-flex align-items-center justify-content-center translate-middle-y\"\n (mouseenter)=\"hoverCurrentLocation()\"\n (mouseleave)=\"leaveStop()\"\n [style.--position]=\"currentPosition\"\n ngbTooltip\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"\n currentLocationTooltip || ''\n \"\n [disableTooltip]=\"!currentLocationTooltip\"\n [position]=\"ePosition.BOTTOM\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\n </div>\n\n <div\n class=\"user-select-none text-size-11 text-color-black ca-font-bold w-29 text-right\"\n >\n {{ mileagesPercent }}\n </div>\n </div>\n </div>\n } @else if (gpsInfo) {\n <div\n class=\"gps_info_hold d-flex flex-column flex-1 justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo.gpsHeadingColor\"\n >\n {{ gpsInfo.gpsHeading }}\n </div>\n\n <div\n class=\"moving_time text-size-11 text-color-black-2 ca-font-medium\"\n >\n {{ gpsInfo.gpsTime }}\n </div>\n </div>\n }\n </div>\n }\n\n <ng-template #gpsDropdownPopover let-data=\"data\">\n <div class=\"main_dropdown_holder d-flex\">\n <div class=\"flex-1\" [ngStyle]=\"{ 'width.px': mapWidth ?? 340 }\">\n <app-ca-map [data]=\"mapData\"></app-ca-map>\n </div>\n\n <div\n class=\"gps_all_hold\"\n [ngStyle]=\"{ 'width.px': dropdownWidth ?? 238 }\"\n >\n <div\n class=\"gps_header d-flex align-items-center\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div class=\"c-pointer\">\n <div\n class=\"gps-icon\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n <div\n class=\"gps_info_hold d-flex flex-column justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo?.gpsDropdownHeadingColor\"\n >\n {{ gpsInfo?.gpsHeading }}\n </div>\n\n @if ( currentLocation?.location ) {\n <div class=\"text-size-11 text-color-white margin-t--2\">{{ currentLocation?.location }}</div>\n }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\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 @if (!currentStop) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate;\n context: {\n topPosition: gpsIconTopPosition,\n }\n \"\n ></ng-container>\n }\n </div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let stopIndex = $index;\n track stopIndex\n ) {\n <div class=\"progress_inner\">\n <div class=\"progress_header d-flex\">\n <div\n class=\"progress_header_inside d-flex flex-1\"\n >\n <div\n class=\"progress_icon d-flex justify-content-center align-items-center\"\n >\n @let stopNumberColorClass =\n stop.type === 'pickup'\n ? 'text-color-green-4'\n : stop.type === 'delivery'\n ? 'text-color-orange-3'\n : 'text-color-muted';\n\n <div\n class=\"progress-stop-number text-size-14 text-center user-select-none ca-font-bold\"\n [ngClass]=\"stopNumberColorClass\"\n >\n {{ stop.stopNumber }}\n </div>\n </div>\n\n <div\n class=\"progress_info_hold d-flex flex-column\"\n >\n <div\n class=\"d-flex align-items-center\"\n >\n @let textColorClass =\n stop.isAtStop ||\n currentPosition <\n stop.position\n ? 'text-color-white'\n : 'text-color-muted';\n\n <div\n class=\"text-size-11 ca-font-semi-bold margin-r-4\"\n [ngClass]=\"textColorClass\"\n >\n {{ stop?.location }}\n </div>\n\n @if (\n stop.isAtStop &&\n gpsLocationIcon\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate\n \"\n ></ng-container>\n } @else if (\n currentPosition >=\n stop.position\n ) {\n <svg-icon\n class=\"d-flex svg-size-10 svg-fill-blue-19\"\n [src]=\"\n sharedSvgRoutes.CHECK_ICON\n \"\n ></svg-icon>\n }\n </div>\n\n @if (!stop.isAtStop) {\n @if (stop.date) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.date }}\n </div>\n }\n\n @if (stop.time) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.time }}\n </div>\n }\n } @else {\n <div\n class=\"progress_time text-size-11 text-color-orange-3 ca-font-bold\"\n >\n {{ dispatchStatus }}\n </div>\n\n @if (stop.currentWaitTime) {\n <div\n class=\"progress_time text-size-11 text-color-white-2\"\n >\n {{\n stop.currentWaitTime\n | convertMinutesToHours\n }}\n </div>\n }\n }\n </div>\n </div>\n\n <div\n class=\"progress-leg-miles-text text-size-11 text-color-white\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !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 }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\n <div class=\"gps_complete_hold\">\n <div class=\"gps_complete_row d-flex\">\n <div class=\"flex-1 text-size-11 text-color-white\">\n {{ staticConstant.completed }}\n </div>\n\n <div class=\"text-size-11 text-color-white\">\n {{ staticConstant.total }}\n </div>\n </div>\n\n <div class=\"gps_complete_second_row d-flex\">\n <div\n class=\"flex-1 text-size-11 text-color-blue-19 ca-font-bold\"\n >\n {{ currentPosition }}{{ staticConstant.percentage }}\n </div>\n\n <div class=\"text-size-11 text-color-white ca-font-bold\">\n {{ totalMiles | thousandSeparator }}\n {{ 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 @if (gpsLocationIcon) {\n <div\n class=\"d-flex align-items-center justify-content-center\"\n [class.moving-gps]=\"!!topPosition\"\n [style.top]=\"topPosition + '%'\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select: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-text{height:26px;padding:0 2px 0 6px}.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 .stop-marker{position:absolute;top:50%;left:calc(var(--position) * 1% - 4px)}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px}.main_dropdown_holder{background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .gps_all_hold{padding:4px}.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_info_hold{padding:0 10px 0 8px}.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:#fff;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 .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}.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;background-color:#2f2f2f}.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-leg-miles-text{margin-top:2px}.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}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
23454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ProgressBarComponent, isStandalone: true, selector: "app-ca-progress-bar", inputs: { progressBarData: "progressBarData", dropdownWidth: "dropdownWidth", mapWidth: "mapWidth" }, outputs: { onOpenMap: "onOpenMap" }, ngImport: i0, template: "@let currentStop = _progressBarData?.currentStop;\n@let totalMiles = _progressBarData?.totalMiles;\n@let mileageInfo = _progressBarData?.mileageInfo;\n@let mileagesPercent = _progressBarData?.mileagesPercent;\n@let gpsTitle = _progressBarData?.gpsTitle;\n@let gpsIcon = _progressBarData?.gpsIcon;\n@let gpsInfo = _progressBarData?.gpsInfo;\n@let gpsLocationIcon = _progressBarData?.gpsLocationIcon;\n@let dispatchStatus = _progressBarData?.dispatchStatus;\n@let currentLocation = _progressBarData?.currentLocation;\n\n<div class=\"gps-progress-bar c-pointer\">\n @if (_progressBarData) {\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]=\"ePosition.BOTTOM_RIGHT\"\n popoverClass=\"gps_dropdown_popover\"\n triggers=\"manual\"\n (click)=\"showDropdownMap(t2)\"\n >\n <div\n class=\"c-pointer\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div\n class=\"gps-icon d-flex\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n @if (!hoveredGpsIcon) {\n <div class=\"gps-progress-text flex-1\">\n <div class=\"mileage-gps d-flex justify-content-between\">\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-bold\"\n >\n {{ hoveredGpsTitle ?? gpsTitle }}\n </div>\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-regular\"\n >\n {{ hoveredMileageInfo ?? mileageInfo }}\n </div>\n </div>\n <div class=\"mileage-gps d-flex\">\n <div\n class=\"gps-timeline flex-1 background-dark-2 position-relative h-2 margin-r-8\"\n >\n @let progressLineWidth =\n currentPosition + eUnit.PERCENTAGE_SIGN;\n\n <div\n class=\"gps-timeline-active background-muted position-absolute left-0 h-2\"\n [ngStyle]=\"{ width: progressLineWidth }\"\n ></div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let i = $index;\n track i\n ) {\n @let stopColorClass =\n stop.type === 'pickup'\n ? 'background-green-3'\n : stop.type === 'delivery'\n ? 'background-orange-4'\n : 'background-gray-20';\n\n <div\n class=\"stop-marker translate-middle-y w-12 h-12 c-pointer d-flex align-items-center justify-content-center\"\n [style.--position]=\"stop.position\"\n ngbTooltip\n (mouseenter)=\"hoverStop(stop)\"\n (mouseleave)=\"leaveStop()\"\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"stop?.location ?? ''\"\n [position]=\"ePosition.BOTTOM\"\n >\n <div\n class=\"w-4 h-6 br-1\"\n [ngClass]=\"stopColorClass\"\n ></div>\n </div>\n }\n\n @if (gpsLocationIcon) {\n @let currentLocationTooltip =\n currentLocation?.location ?? null;\n\n <div\n class=\"stop-marker c-pointer w-12 h-12 d-flex align-items-center justify-content-center translate-middle-y\"\n (mouseenter)=\"hoverCurrentLocation()\"\n (mouseleave)=\"leaveStop()\"\n [style.--position]=\"currentPosition\"\n ngbTooltip\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"\n currentLocationTooltip || ''\n \"\n [disableTooltip]=\"!currentLocationTooltip\"\n [position]=\"ePosition.BOTTOM\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\n </div>\n\n <div\n class=\"user-select-none text-size-11 text-color-black ca-font-bold w-29 text-right\"\n >\n {{ mileagesPercent }}\n </div>\n </div>\n </div>\n } @else if (gpsInfo) {\n <div\n class=\"gps_info_hold d-flex flex-column flex-1 justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo.gpsHeadingColor\"\n >\n {{ gpsInfo.gpsHeading }}\n </div>\n\n <div\n class=\"moving_time text-size-11 text-color-black-2 ca-font-medium\"\n >\n {{ gpsInfo.gpsTime }}\n </div>\n </div>\n }\n </div>\n }\n\n <ng-template #gpsDropdownPopover let-data=\"data\">\n <div class=\"main_dropdown_holder d-flex\">\n <div class=\"flex-1\" [ngStyle]=\"{ 'width.px': mapWidth ?? 340 }\">\n <app-ca-map [data]=\"mapData\"></app-ca-map>\n </div>\n\n <div\n class=\"gps_all_hold\"\n [ngStyle]=\"{ 'width.px': dropdownWidth ?? 238 }\"\n >\n <div\n class=\"gps_header d-flex align-items-center\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div class=\"c-pointer\">\n <div\n class=\"gps-icon\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n <div\n class=\"gps_info_hold d-flex flex-column justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo?.gpsDropdownHeadingColor\"\n >\n {{ gpsInfo?.gpsHeading }}\n </div>\n\n @if ( currentLocation?.location ) {\n <div class=\"text-size-11 text-color-white margin-t--2\">{{ currentLocation?.location }}</div>\n }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\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 @if (!currentStop) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate;\n context: {\n topPosition: gpsIconTopPosition,\n }\n \"\n ></ng-container>\n }\n </div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let stopIndex = $index;\n track stopIndex\n ) {\n <div class=\"progress_inner\">\n <div class=\"progress_header d-flex\">\n <div\n class=\"progress_header_inside d-flex flex-1\"\n >\n <div\n class=\"progress_icon d-flex justify-content-center align-items-center\"\n >\n @let stopNumberColorClass =\n stop.type === 'pickup'\n ? 'text-color-green-4'\n : stop.type === 'delivery'\n ? 'text-color-orange-3'\n : 'text-color-muted';\n\n <div\n class=\"progress-stop-number text-size-14 text-center user-select-none ca-font-bold\"\n [ngClass]=\"stopNumberColorClass\"\n >\n {{ stop.stopNumber }}\n </div>\n </div>\n\n <div\n class=\"progress_info_hold d-flex flex-column\"\n >\n <div\n class=\"d-flex align-items-center\"\n >\n @let textColorClass =\n stop.isAtStop ||\n currentPosition <\n stop.position\n ? 'text-color-white'\n : 'text-color-muted';\n\n <div\n class=\"text-size-11 ca-font-semi-bold margin-r-4\"\n [ngClass]=\"textColorClass\"\n >\n {{ stop?.location }}\n </div>\n\n @if (\n stop.isAtStop &&\n gpsLocationIcon\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate\n \"\n ></ng-container>\n } @else if (\n currentPosition >=\n stop.position\n ) {\n <svg-icon\n class=\"d-flex svg-size-10 svg-fill-blue-19\"\n [src]=\"\n sharedSvgRoutes.CHECK_ICON\n \"\n ></svg-icon>\n }\n </div>\n\n @if (!stop.isAtStop) {\n @if (stop.date) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.date }}\n </div>\n }\n\n @if (stop.time) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.time }}\n </div>\n }\n } @else {\n <div\n class=\"progress_time text-size-11 text-color-orange-3 ca-font-bold\"\n >\n {{ dispatchStatus }}\n </div>\n\n @if (stop.currentWaitTime) {\n <div\n class=\"progress_time text-size-11 text-color-white-2\"\n >\n {{\n stop.currentWaitTime\n | convertMinutesToHours\n }}\n </div>\n }\n }\n </div>\n </div>\n\n <div\n class=\"progress-leg-miles-text text-size-11 text-color-white\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !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 }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\n <div class=\"gps_complete_hold\">\n <div class=\"gps_complete_row d-flex\">\n <div class=\"flex-1 text-size-11 text-color-white\">\n {{ staticConstant.completed }}\n </div>\n\n <div class=\"text-size-11 text-color-white\">\n {{ staticConstant.total }}\n </div>\n </div>\n\n <div class=\"gps_complete_second_row d-flex\">\n <div\n class=\"flex-1 text-size-11 text-color-blue-19 ca-font-bold\"\n >\n {{ currentPosition }}{{ staticConstant.percentage }}\n </div>\n\n <div class=\"text-size-11 text-color-white ca-font-bold\">\n {{ totalMiles | number: eThousandSeparatorFormat.DECIMAL_FORMAT }}\n {{ 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 @if (gpsLocationIcon) {\n <div\n class=\"d-flex align-items-center justify-content-center\"\n [class.moving-gps]=\"!!topPosition\"\n [style.top]=\"topPosition + '%'\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select: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-text{height:26px;padding:0 2px 0 6px}.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 .stop-marker{position:absolute;top:50%;left:calc(var(--position) * 1% - 4px)}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px}.main_dropdown_holder{background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .gps_all_hold{padding:4px}.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_info_hold{padding:0 10px 0 8px}.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:#fff;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 .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}.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;background-color:#2f2f2f}.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-leg-miles-text{margin-top:2px}.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}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
23454
23455
|
// Modules
|
|
23455
|
-
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.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: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
23456
|
+
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.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: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
23456
23457
|
// Components
|
|
23457
23458
|
CaMapComponent, selector: "app-ca-map", inputs: ["data"], outputs: ["resetSelectedMarkerItem", "routingMarkerClick", "clusterMarkerClick", "clusterListScrollEvent", "getInfoWindowData", "boundsChanged", "openInMapEvent"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type:
|
|
23458
23459
|
// Pipes
|
|
23459
|
-
|
|
23460
|
+
ConvertMinutesToHoursPipe, name: "convertMinutesToHours" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
23460
23461
|
}
|
|
23461
23462
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
23462
23463
|
type: Component,
|
|
@@ -23470,10 +23471,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
23470
23471
|
CaMapComponent,
|
|
23471
23472
|
CaAppTooltipV2Component,
|
|
23472
23473
|
// Pipes
|
|
23473
|
-
ThousandSeparatorPipe,
|
|
23474
23474
|
ConvertMinutesToHoursPipe,
|
|
23475
23475
|
SafeHtmlPipe,
|
|
23476
|
-
], template: "@let currentStop = _progressBarData?.currentStop;\n@let totalMiles = _progressBarData?.totalMiles;\n@let mileageInfo = _progressBarData?.mileageInfo;\n@let mileagesPercent = _progressBarData?.mileagesPercent;\n@let gpsTitle = _progressBarData?.gpsTitle;\n@let gpsIcon = _progressBarData?.gpsIcon;\n@let gpsInfo = _progressBarData?.gpsInfo;\n@let gpsLocationIcon = _progressBarData?.gpsLocationIcon;\n@let dispatchStatus = _progressBarData?.dispatchStatus;\n@let currentLocation = _progressBarData?.currentLocation;\n\n<div class=\"gps-progress-bar c-pointer\">\n @if (_progressBarData) {\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]=\"ePosition.BOTTOM_RIGHT\"\n popoverClass=\"gps_dropdown_popover\"\n triggers=\"manual\"\n (click)=\"showDropdownMap(t2)\"\n >\n <div\n class=\"c-pointer\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div\n class=\"gps-icon d-flex\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n @if (!hoveredGpsIcon) {\n <div class=\"gps-progress-text flex-1\">\n <div class=\"mileage-gps d-flex justify-content-between\">\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-bold\"\n >\n {{ hoveredGpsTitle ?? gpsTitle }}\n </div>\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-regular\"\n >\n {{ hoveredMileageInfo ?? mileageInfo }}\n </div>\n </div>\n <div class=\"mileage-gps d-flex\">\n <div\n class=\"gps-timeline flex-1 background-dark-2 position-relative h-2 margin-r-8\"\n >\n @let progressLineWidth =\n currentPosition + eUnit.PERCENTAGE_SIGN;\n\n <div\n class=\"gps-timeline-active background-muted position-absolute left-0 h-2\"\n [ngStyle]=\"{ width: progressLineWidth }\"\n ></div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let i = $index;\n track i\n ) {\n @let stopColorClass =\n stop.type === 'pickup'\n ? 'background-green-3'\n : stop.type === 'delivery'\n ? 'background-orange-4'\n : 'background-gray-20';\n\n <div\n class=\"stop-marker translate-middle-y w-12 h-12 c-pointer d-flex align-items-center justify-content-center\"\n [style.--position]=\"stop.position\"\n ngbTooltip\n (mouseenter)=\"hoverStop(stop)\"\n (mouseleave)=\"leaveStop()\"\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"stop?.location ?? ''\"\n [position]=\"ePosition.BOTTOM\"\n >\n <div\n class=\"w-4 h-6 br-1\"\n [ngClass]=\"stopColorClass\"\n ></div>\n </div>\n }\n\n @if (gpsLocationIcon) {\n @let currentLocationTooltip =\n currentLocation?.location ?? null;\n\n <div\n class=\"stop-marker c-pointer w-12 h-12 d-flex align-items-center justify-content-center translate-middle-y\"\n (mouseenter)=\"hoverCurrentLocation()\"\n (mouseleave)=\"leaveStop()\"\n [style.--position]=\"currentPosition\"\n ngbTooltip\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"\n currentLocationTooltip || ''\n \"\n [disableTooltip]=\"!currentLocationTooltip\"\n [position]=\"ePosition.BOTTOM\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\n </div>\n\n <div\n class=\"user-select-none text-size-11 text-color-black ca-font-bold w-29 text-right\"\n >\n {{ mileagesPercent }}\n </div>\n </div>\n </div>\n } @else if (gpsInfo) {\n <div\n class=\"gps_info_hold d-flex flex-column flex-1 justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo.gpsHeadingColor\"\n >\n {{ gpsInfo.gpsHeading }}\n </div>\n\n <div\n class=\"moving_time text-size-11 text-color-black-2 ca-font-medium\"\n >\n {{ gpsInfo.gpsTime }}\n </div>\n </div>\n }\n </div>\n }\n\n <ng-template #gpsDropdownPopover let-data=\"data\">\n <div class=\"main_dropdown_holder d-flex\">\n <div class=\"flex-1\" [ngStyle]=\"{ 'width.px': mapWidth ?? 340 }\">\n <app-ca-map [data]=\"mapData\"></app-ca-map>\n </div>\n\n <div\n class=\"gps_all_hold\"\n [ngStyle]=\"{ 'width.px': dropdownWidth ?? 238 }\"\n >\n <div\n class=\"gps_header d-flex align-items-center\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div class=\"c-pointer\">\n <div\n class=\"gps-icon\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n <div\n class=\"gps_info_hold d-flex flex-column justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo?.gpsDropdownHeadingColor\"\n >\n {{ gpsInfo?.gpsHeading }}\n </div>\n\n @if ( currentLocation?.location ) {\n <div class=\"text-size-11 text-color-white margin-t--2\">{{ currentLocation?.location }}</div>\n }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\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 @if (!currentStop) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate;\n context: {\n topPosition: gpsIconTopPosition,\n }\n \"\n ></ng-container>\n }\n </div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let stopIndex = $index;\n track stopIndex\n ) {\n <div class=\"progress_inner\">\n <div class=\"progress_header d-flex\">\n <div\n class=\"progress_header_inside d-flex flex-1\"\n >\n <div\n class=\"progress_icon d-flex justify-content-center align-items-center\"\n >\n @let stopNumberColorClass =\n stop.type === 'pickup'\n ? 'text-color-green-4'\n : stop.type === 'delivery'\n ? 'text-color-orange-3'\n : 'text-color-muted';\n\n <div\n class=\"progress-stop-number text-size-14 text-center user-select-none ca-font-bold\"\n [ngClass]=\"stopNumberColorClass\"\n >\n {{ stop.stopNumber }}\n </div>\n </div>\n\n <div\n class=\"progress_info_hold d-flex flex-column\"\n >\n <div\n class=\"d-flex align-items-center\"\n >\n @let textColorClass =\n stop.isAtStop ||\n currentPosition <\n stop.position\n ? 'text-color-white'\n : 'text-color-muted';\n\n <div\n class=\"text-size-11 ca-font-semi-bold margin-r-4\"\n [ngClass]=\"textColorClass\"\n >\n {{ stop?.location }}\n </div>\n\n @if (\n stop.isAtStop &&\n gpsLocationIcon\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate\n \"\n ></ng-container>\n } @else if (\n currentPosition >=\n stop.position\n ) {\n <svg-icon\n class=\"d-flex svg-size-10 svg-fill-blue-19\"\n [src]=\"\n sharedSvgRoutes.CHECK_ICON\n \"\n ></svg-icon>\n }\n </div>\n\n @if (!stop.isAtStop) {\n @if (stop.date) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.date }}\n </div>\n }\n\n @if (stop.time) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.time }}\n </div>\n }\n } @else {\n <div\n class=\"progress_time text-size-11 text-color-orange-3 ca-font-bold\"\n >\n {{ dispatchStatus }}\n </div>\n\n @if (stop.currentWaitTime) {\n <div\n class=\"progress_time text-size-11 text-color-white-2\"\n >\n {{\n stop.currentWaitTime\n | convertMinutesToHours\n }}\n </div>\n }\n }\n </div>\n </div>\n\n <div\n class=\"progress-leg-miles-text text-size-11 text-color-white\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !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 }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\n <div class=\"gps_complete_hold\">\n <div class=\"gps_complete_row d-flex\">\n <div class=\"flex-1 text-size-11 text-color-white\">\n {{ staticConstant.completed }}\n </div>\n\n <div class=\"text-size-11 text-color-white\">\n {{ staticConstant.total }}\n </div>\n </div>\n\n <div class=\"gps_complete_second_row d-flex\">\n <div\n class=\"flex-1 text-size-11 text-color-blue-19 ca-font-bold\"\n >\n {{ currentPosition }}{{ staticConstant.percentage }}\n </div>\n\n <div class=\"text-size-11 text-color-white ca-font-bold\">\n {{ totalMiles | thousandSeparator }}\n {{ 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 @if (gpsLocationIcon) {\n <div\n class=\"d-flex align-items-center justify-content-center\"\n [class.moving-gps]=\"!!topPosition\"\n [style.top]=\"topPosition + '%'\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select: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-text{height:26px;padding:0 2px 0 6px}.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 .stop-marker{position:absolute;top:50%;left:calc(var(--position) * 1% - 4px)}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px}.main_dropdown_holder{background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .gps_all_hold{padding:4px}.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_info_hold{padding:0 10px 0 8px}.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:#fff;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 .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}.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;background-color:#2f2f2f}.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-leg-miles-text{margin-top:2px}.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}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"] }]
|
|
23476
|
+
], template: "@let currentStop = _progressBarData?.currentStop;\n@let totalMiles = _progressBarData?.totalMiles;\n@let mileageInfo = _progressBarData?.mileageInfo;\n@let mileagesPercent = _progressBarData?.mileagesPercent;\n@let gpsTitle = _progressBarData?.gpsTitle;\n@let gpsIcon = _progressBarData?.gpsIcon;\n@let gpsInfo = _progressBarData?.gpsInfo;\n@let gpsLocationIcon = _progressBarData?.gpsLocationIcon;\n@let dispatchStatus = _progressBarData?.dispatchStatus;\n@let currentLocation = _progressBarData?.currentLocation;\n\n<div class=\"gps-progress-bar c-pointer\">\n @if (_progressBarData) {\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]=\"ePosition.BOTTOM_RIGHT\"\n popoverClass=\"gps_dropdown_popover\"\n triggers=\"manual\"\n (click)=\"showDropdownMap(t2)\"\n >\n <div\n class=\"c-pointer\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div\n class=\"gps-icon d-flex\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n @if (!hoveredGpsIcon) {\n <div class=\"gps-progress-text flex-1\">\n <div class=\"mileage-gps d-flex justify-content-between\">\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-bold\"\n >\n {{ hoveredGpsTitle ?? gpsTitle }}\n </div>\n <div\n class=\"user-select-none text-size-11 text-color-black-2 ca-font-regular\"\n >\n {{ hoveredMileageInfo ?? mileageInfo }}\n </div>\n </div>\n <div class=\"mileage-gps d-flex\">\n <div\n class=\"gps-timeline flex-1 background-dark-2 position-relative h-2 margin-r-8\"\n >\n @let progressLineWidth =\n currentPosition + eUnit.PERCENTAGE_SIGN;\n\n <div\n class=\"gps-timeline-active background-muted position-absolute left-0 h-2\"\n [ngStyle]=\"{ width: progressLineWidth }\"\n ></div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let i = $index;\n track i\n ) {\n @let stopColorClass =\n stop.type === 'pickup'\n ? 'background-green-3'\n : stop.type === 'delivery'\n ? 'background-orange-4'\n : 'background-gray-20';\n\n <div\n class=\"stop-marker translate-middle-y w-12 h-12 c-pointer d-flex align-items-center justify-content-center\"\n [style.--position]=\"stop.position\"\n ngbTooltip\n (mouseenter)=\"hoverStop(stop)\"\n (mouseleave)=\"leaveStop()\"\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"stop?.location ?? ''\"\n [position]=\"ePosition.BOTTOM\"\n >\n <div\n class=\"w-4 h-6 br-1\"\n [ngClass]=\"stopColorClass\"\n ></div>\n </div>\n }\n\n @if (gpsLocationIcon) {\n @let currentLocationTooltip =\n currentLocation?.location ?? null;\n\n <div\n class=\"stop-marker c-pointer w-12 h-12 d-flex align-items-center justify-content-center translate-middle-y\"\n (mouseenter)=\"hoverCurrentLocation()\"\n (mouseleave)=\"leaveStop()\"\n [style.--position]=\"currentPosition\"\n ngbTooltip\n [tooltipBackground]=\"eColor.BLACK\"\n [mainCaTooltip]=\"\n currentLocationTooltip || ''\n \"\n [disableTooltip]=\"!currentLocationTooltip\"\n [position]=\"ePosition.BOTTOM\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\n </div>\n\n <div\n class=\"user-select-none text-size-11 text-color-black ca-font-bold w-29 text-right\"\n >\n {{ mileagesPercent }}\n </div>\n </div>\n </div>\n } @else if (gpsInfo) {\n <div\n class=\"gps_info_hold d-flex flex-column flex-1 justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo.gpsHeadingColor\"\n >\n {{ gpsInfo.gpsHeading }}\n </div>\n\n <div\n class=\"moving_time text-size-11 text-color-black-2 ca-font-medium\"\n >\n {{ gpsInfo.gpsTime }}\n </div>\n </div>\n }\n </div>\n }\n\n <ng-template #gpsDropdownPopover let-data=\"data\">\n <div class=\"main_dropdown_holder d-flex\">\n <div class=\"flex-1\" [ngStyle]=\"{ 'width.px': mapWidth ?? 340 }\">\n <app-ca-map [data]=\"mapData\"></app-ca-map>\n </div>\n\n <div\n class=\"gps_all_hold\"\n [ngStyle]=\"{ 'width.px': dropdownWidth ?? 238 }\"\n >\n <div\n class=\"gps_header d-flex align-items-center\"\n (mouseenter)=\"hoveredGpsIcon = true\"\n (mouseleave)=\"hoveredGpsIcon = false\"\n >\n <div class=\"c-pointer\">\n <div\n class=\"gps-icon\"\n [innerHTML]=\"gpsIcon! | safeHtml\"\n ></div>\n </div>\n\n <div\n class=\"gps_info_hold d-flex flex-column justify-content-center\"\n >\n <div\n class=\"moving_side text-size-11 ca-font-bold user-select-none text-uppercase\"\n [ngClass]=\"gpsInfo?.gpsDropdownHeadingColor\"\n >\n {{ gpsInfo?.gpsHeading }}\n </div>\n\n @if ( currentLocation?.location ) {\n <div class=\"text-size-11 text-color-white margin-t--2\">{{ currentLocation?.location }}</div>\n }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\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 @if (!currentStop) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate;\n context: {\n topPosition: gpsIconTopPosition,\n }\n \"\n ></ng-container>\n }\n </div>\n\n @for (\n stop of gpsStopsWithoutCurrentLocation;\n let stopIndex = $index;\n track stopIndex\n ) {\n <div class=\"progress_inner\">\n <div class=\"progress_header d-flex\">\n <div\n class=\"progress_header_inside d-flex flex-1\"\n >\n <div\n class=\"progress_icon d-flex justify-content-center align-items-center\"\n >\n @let stopNumberColorClass =\n stop.type === 'pickup'\n ? 'text-color-green-4'\n : stop.type === 'delivery'\n ? 'text-color-orange-3'\n : 'text-color-muted';\n\n <div\n class=\"progress-stop-number text-size-14 text-center user-select-none ca-font-bold\"\n [ngClass]=\"stopNumberColorClass\"\n >\n {{ stop.stopNumber }}\n </div>\n </div>\n\n <div\n class=\"progress_info_hold d-flex flex-column\"\n >\n <div\n class=\"d-flex align-items-center\"\n >\n @let textColorClass =\n stop.isAtStop ||\n currentPosition <\n stop.position\n ? 'text-color-white'\n : 'text-color-muted';\n\n <div\n class=\"text-size-11 ca-font-semi-bold margin-r-4\"\n [ngClass]=\"textColorClass\"\n >\n {{ stop?.location }}\n </div>\n\n @if (\n stop.isAtStop &&\n gpsLocationIcon\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n gpsLocationIconTemplate\n \"\n ></ng-container>\n } @else if (\n currentPosition >=\n stop.position\n ) {\n <svg-icon\n class=\"d-flex svg-size-10 svg-fill-blue-19\"\n [src]=\"\n sharedSvgRoutes.CHECK_ICON\n \"\n ></svg-icon>\n }\n </div>\n\n @if (!stop.isAtStop) {\n @if (stop.date) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.date }}\n </div>\n }\n\n @if (stop.time) {\n <div\n class=\"progress_time text-size-11 text-color-white-2 ca-font-regular\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !stop.isAtStop,\n }\"\n >\n {{ stop.time }}\n </div>\n }\n } @else {\n <div\n class=\"progress_time text-size-11 text-color-orange-3 ca-font-bold\"\n >\n {{ dispatchStatus }}\n </div>\n\n @if (stop.currentWaitTime) {\n <div\n class=\"progress_time text-size-11 text-color-white-2\"\n >\n {{\n stop.currentWaitTime\n | convertMinutesToHours\n }}\n </div>\n }\n }\n </div>\n </div>\n\n <div\n class=\"progress-leg-miles-text text-size-11 text-color-white\"\n [ngClass]=\"{\n 'text-color-grey':\n currentPosition >=\n stop.position &&\n !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 }\n </div>\n </div>\n\n <div class=\"gps_info_border\"></div>\n\n <div class=\"gps_complete_hold\">\n <div class=\"gps_complete_row d-flex\">\n <div class=\"flex-1 text-size-11 text-color-white\">\n {{ staticConstant.completed }}\n </div>\n\n <div class=\"text-size-11 text-color-white\">\n {{ staticConstant.total }}\n </div>\n </div>\n\n <div class=\"gps_complete_second_row d-flex\">\n <div\n class=\"flex-1 text-size-11 text-color-blue-19 ca-font-bold\"\n >\n {{ currentPosition }}{{ staticConstant.percentage }}\n </div>\n\n <div class=\"text-size-11 text-color-white ca-font-bold\">\n {{ totalMiles | number: eThousandSeparatorFormat.DECIMAL_FORMAT }}\n {{ 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 @if (gpsLocationIcon) {\n <div\n class=\"d-flex align-items-center justify-content-center\"\n [class.moving-gps]=\"!!topPosition\"\n [style.top]=\"topPosition + '%'\"\n [innerHTML]=\"gpsLocationIcon | safeHtml\"\n ></div>\n }\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select: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-text{height:26px;padding:0 2px 0 6px}.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 .stop-marker{position:absolute;top:50%;left:calc(var(--position) * 1% - 4px)}.gps-progress-bar .gps-progress-holder .gps_info_hold{height:26px;padding:0 10px 0 8px}.main_dropdown_holder{background-color:#2f2f2f;border-radius:3px;overflow:hidden}.main_dropdown_holder .gps_all_hold{padding:4px}.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_info_hold{padding:0 10px 0 8px}.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:#fff;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 .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}.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;background-color:#2f2f2f}.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-leg-miles-text{margin-top:2px}.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}.moving-gps{position:absolute;top:0;left:-4px;z-index:3;transform:translateY(5px)}\n"] }]
|
|
23477
23477
|
}], ctorParameters: () => [{ type: MapMarkerIconService }], propDecorators: { progressBarData: [{
|
|
23478
23478
|
type: Input
|
|
23479
23479
|
}], dropdownWidth: [{
|
|
@@ -31899,6 +31899,7 @@ class CaDetailsTitleCardComponent {
|
|
|
31899
31899
|
}
|
|
31900
31900
|
onPopoverClosed() {
|
|
31901
31901
|
this.toggleInput = false;
|
|
31902
|
+
this.onSearchTextChange.emit(null);
|
|
31902
31903
|
}
|
|
31903
31904
|
handleDropdownOpenCloseClick(dropdownPopover) {
|
|
31904
31905
|
if (dropdownPopover.isOpen()) {
|
|
@@ -34180,6 +34181,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
34180
34181
|
}]
|
|
34181
34182
|
}] });
|
|
34182
34183
|
|
|
34184
|
+
class ScrollShadowBorderDirective {
|
|
34185
|
+
constructor(elementRef,
|
|
34186
|
+
// renderer
|
|
34187
|
+
renderer) {
|
|
34188
|
+
this.elementRef = elementRef;
|
|
34189
|
+
this.renderer = renderer;
|
|
34190
|
+
}
|
|
34191
|
+
ngAfterViewInit() {
|
|
34192
|
+
this.setupBorderShadow();
|
|
34193
|
+
}
|
|
34194
|
+
setupBorderShadow() {
|
|
34195
|
+
setTimeout(() => {
|
|
34196
|
+
this.setupElements();
|
|
34197
|
+
this.setupScrollListener();
|
|
34198
|
+
this.setupResizeObserver();
|
|
34199
|
+
this.updateShadowStates();
|
|
34200
|
+
}, 100);
|
|
34201
|
+
}
|
|
34202
|
+
setupElements() {
|
|
34203
|
+
this.containerElement = this.elementRef.nativeElement;
|
|
34204
|
+
// Find sticky section
|
|
34205
|
+
this.stickyElement = this.containerElement.querySelector('.w-fit-content');
|
|
34206
|
+
// Find scrollable section
|
|
34207
|
+
this.scrollableElement = this.containerElement.querySelector('.modal-items-scrollable-columns');
|
|
34208
|
+
// Create left overlay element once (positioned on container)
|
|
34209
|
+
if (!this.leftOverlayElement) {
|
|
34210
|
+
const overlay = this.renderer.createElement('div');
|
|
34211
|
+
this.leftOverlayElement = overlay;
|
|
34212
|
+
// Left overlay element styles - shadow border
|
|
34213
|
+
const overlayStyles = {
|
|
34214
|
+
position: 'absolute',
|
|
34215
|
+
top: '4px',
|
|
34216
|
+
left: '0',
|
|
34217
|
+
width: '8px',
|
|
34218
|
+
height: 'calc(100% - 16px)',
|
|
34219
|
+
background: 'linear-gradient(90deg, #dadada 0%, rgba(218, 218, 218, 0) 100%)',
|
|
34220
|
+
'z-index': '100',
|
|
34221
|
+
'pointer-events': 'none',
|
|
34222
|
+
display: 'none',
|
|
34223
|
+
};
|
|
34224
|
+
// Add styles to the left overlay element
|
|
34225
|
+
Object.entries(overlayStyles).forEach(([styleName, styleValue]) => {
|
|
34226
|
+
this.renderer.setStyle(overlay, styleName, styleValue);
|
|
34227
|
+
});
|
|
34228
|
+
this.renderer.appendChild(this.containerElement, overlay);
|
|
34229
|
+
}
|
|
34230
|
+
}
|
|
34231
|
+
setupScrollListener() {
|
|
34232
|
+
if (!this.scrollableElement)
|
|
34233
|
+
return;
|
|
34234
|
+
// Remove existing listener if any present
|
|
34235
|
+
if (this.unregisterScroll)
|
|
34236
|
+
this.unregisterScroll();
|
|
34237
|
+
this.unregisterScroll = this.renderer.listen(this.scrollableElement, 'scroll', () => this.updateShadowStates());
|
|
34238
|
+
}
|
|
34239
|
+
setupResizeObserver() {
|
|
34240
|
+
if (!this.stickyElement)
|
|
34241
|
+
return;
|
|
34242
|
+
// Disconnect existing observer if any
|
|
34243
|
+
if (this.resizeObserver)
|
|
34244
|
+
this.resizeObserver.disconnect();
|
|
34245
|
+
this.resizeObserver = new ResizeObserver(() => {
|
|
34246
|
+
this.updateShadowStates();
|
|
34247
|
+
});
|
|
34248
|
+
this.resizeObserver.observe(this.stickyElement);
|
|
34249
|
+
}
|
|
34250
|
+
updateShadowStates() {
|
|
34251
|
+
if (!this.scrollableElement)
|
|
34252
|
+
return;
|
|
34253
|
+
const { scrollLeft, scrollWidth, clientWidth } = this.scrollableElement;
|
|
34254
|
+
// Left shadow shows when scrolled right
|
|
34255
|
+
const showLeftShadow = scrollLeft > 0;
|
|
34256
|
+
// Right shadow shows when there's scrollable content AND not scrolled to the end
|
|
34257
|
+
const isScrolledToEnd = scrollLeft >= scrollWidth - clientWidth - 1;
|
|
34258
|
+
const showRightShadow = scrollWidth > clientWidth && !isScrolledToEnd;
|
|
34259
|
+
// Apply right shadow class (component parity)
|
|
34260
|
+
if (showRightShadow) {
|
|
34261
|
+
this.renderer.addClass(this.containerElement, 'show-right-shadow');
|
|
34262
|
+
}
|
|
34263
|
+
else {
|
|
34264
|
+
this.renderer.removeClass(this.containerElement, 'show-right-shadow');
|
|
34265
|
+
}
|
|
34266
|
+
// Position and toggle a left overlay absolutely at the end of sticky area
|
|
34267
|
+
if (this.leftOverlayElement) {
|
|
34268
|
+
let stickyX = 0;
|
|
34269
|
+
if (this.stickyElement) {
|
|
34270
|
+
const containerRect = this.containerElement.getBoundingClientRect();
|
|
34271
|
+
const stickyRect = this.stickyElement.getBoundingClientRect();
|
|
34272
|
+
stickyX = Math.max(0, Math.round(stickyRect.right - containerRect.left));
|
|
34273
|
+
}
|
|
34274
|
+
this.renderer.setStyle(this.leftOverlayElement, 'transform', `translateX(${stickyX}px)`);
|
|
34275
|
+
this.renderer.setStyle(this.leftOverlayElement, 'display', showLeftShadow ? 'block' : 'none');
|
|
34276
|
+
}
|
|
34277
|
+
}
|
|
34278
|
+
removeScrollListener() {
|
|
34279
|
+
if (this.unregisterScroll) {
|
|
34280
|
+
this.unregisterScroll();
|
|
34281
|
+
this.unregisterScroll = undefined;
|
|
34282
|
+
}
|
|
34283
|
+
}
|
|
34284
|
+
removeResizeObserver() {
|
|
34285
|
+
if (this.resizeObserver)
|
|
34286
|
+
this.resizeObserver.disconnect();
|
|
34287
|
+
}
|
|
34288
|
+
ngOnDestroy() {
|
|
34289
|
+
this.removeScrollListener();
|
|
34290
|
+
this.removeResizeObserver();
|
|
34291
|
+
}
|
|
34292
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollShadowBorderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34293
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: ScrollShadowBorderDirective, isStandalone: true, selector: "[scrollShadowBorder]", ngImport: i0 }); }
|
|
34294
|
+
}
|
|
34295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollShadowBorderDirective, decorators: [{
|
|
34296
|
+
type: Directive,
|
|
34297
|
+
args: [{
|
|
34298
|
+
selector: '[scrollShadowBorder]',
|
|
34299
|
+
}]
|
|
34300
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
34301
|
+
|
|
34183
34302
|
class CaModalItemsComponent {
|
|
34184
34303
|
set itemsConfig(value) {
|
|
34185
34304
|
this._itemsConfig = value;
|
|
@@ -34202,11 +34321,13 @@ class CaModalItemsComponent {
|
|
|
34202
34321
|
}
|
|
34203
34322
|
onItemsRowReorder() { }
|
|
34204
34323
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaModalItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34205
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"_itemsConfig.cardName\"\n [cardSubText]=\"_itemsConfig.cardSubText || null\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"hasNoDataImage || !!itemsLength\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"!hasNoDataImage && !itemsLength\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div class=\"d-flex align-items-center\">\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"d-grid align-items-center br-2 h-26 margin-b-4\"\n [ngClass]=\"group.valid ? 'background-white' : 'background-bw2'\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34324
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"_itemsConfig.cardName\"\n [cardSubText]=\"_itemsConfig.cardSubText || null\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"hasNoDataImage || !!itemsLength\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"!hasNoDataImage && !itemsLength\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"d-grid align-items-center br-2 h-26 margin-b-4\"\n [ngClass]=\"group.valid ? 'background-white' : 'background-bw2'\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34206
34325
|
// components
|
|
34207
34326
|
CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "cardSubText", "hasArrow", "hasPlusIcon", "isPlusIconDisabled", "plusIconTooltip", "isHeaderSvgEnabled", "counter", "hasDivider", "hasBodyData", "hasScrollBody", "isStayOpen", "isDisabledCard", "animationMarginParams", "isCardOpen", "customClass", "customNameClass", "customDividerClass"], outputs: ["onActionEvent", "onOpenCard"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
34208
34327
|
// pipes
|
|
34209
|
-
ModalItemsHeaderClassPipe, name: "modalItemsHeaderClass" }
|
|
34328
|
+
ModalItemsHeaderClassPipe, name: "modalItemsHeaderClass" }, { kind: "directive", type:
|
|
34329
|
+
// directives
|
|
34330
|
+
ScrollShadowBorderDirective, selector: "[scrollShadowBorder]" }] }); }
|
|
34210
34331
|
}
|
|
34211
34332
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaModalItemsComponent, decorators: [{
|
|
34212
34333
|
type: Component,
|
|
@@ -34217,7 +34338,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
34217
34338
|
SvgIconComponent,
|
|
34218
34339
|
// pipes
|
|
34219
34340
|
ModalItemsHeaderClassPipe,
|
|
34220
|
-
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"_itemsConfig.cardName\"\n [cardSubText]=\"_itemsConfig.cardSubText || null\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"hasNoDataImage || !!itemsLength\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"!hasNoDataImage && !itemsLength\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div class=\"d-flex align-items-center\">\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"d-grid align-items-center br-2 h-26 margin-b-4\"\n [ngClass]=\"group.valid ? 'background-white' : 'background-bw2'\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}\n"] }]
|
|
34341
|
+
// directives
|
|
34342
|
+
ScrollShadowBorderDirective,
|
|
34343
|
+
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"_itemsConfig.cardName\"\n [cardSubText]=\"_itemsConfig.cardSubText || null\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"hasNoDataImage || !!itemsLength\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"!hasNoDataImage && !itemsLength\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [customDividerClass]=\"'divider--dark'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"d-grid align-items-center br-2 h-26 margin-b-4\"\n [ngClass]=\"group.valid ? 'background-white' : 'background-bw2'\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between margin-t-4 padding-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img [src]=\"noDataImgRoute\" [ngStyle]=\"noDataImgDimensions\" />\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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover.bs-popover-end-top .dropdown-container{transform:translate(-4px,-4px)}.dropdown-menu-popover.bs-popover-bottom-end .dropdown-container{transform:translate(3px,-3px)}.dropdown-menu-popover.bs-popover-end-bottom .dropdown-container{transform:translate(-3px,3px)}.dropdown-menu-popover.bs-popover-top-end .dropdown-container{transform:translate(3px,3px)}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-5{color:#3074d3!important}.text-color-blue-5::-moz-selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-5::selection{background-color:#3074d333!important;color:#3074d3!important}.text-color-blue-11{color:#3b73ed!important}.text-color-blue-11::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-11::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-14{color:#3b73ed!important}.text-color-blue-14::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-14::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow-4{color:#fbc88b!important}.text-color-yellow-4::-moz-selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-4::selection{background-color:#fbc88b33!important;color:#fbc88b!important}.text-color-yellow-5{color:#f89b2e!important}.text-color-yellow-5::-moz-selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-yellow-5::selection{background-color:#f89b2e33!important;color:#f89b2e!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-grey-9{color:#b7b7b7!important}.text-color-grey-9::-moz-selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-grey-9::selection{background-color:#b7b7b733!important;color:#b7b7b7!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3{color:#ffffffb3!important}.text-color-white-3::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-3::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-color-orange-1{color:#ff7043!important}.text-color-orange-1::-moz-selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-1::selection{background-color:#ff704333!important;color:#ff7043!important}.text-color-orange-2{color:#f77d3b!important}.text-color-orange-2::-moz-selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-2::selection{background-color:#f77d3b33!important;color:#f77d3b!important}.text-color-orange-3{color:#ffb097!important}.text-color-orange-3::-moz-selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-orange-3::selection{background-color:#ffb09733!important;color:#ffb097!important}.text-color-brown-1{color:#865e3a!important}.text-color-brown-1::-moz-selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-brown-1::selection{background-color:#865e3a33!important;color:#865e3a!important}.text-color-light-blue-2{color:#1ab5e6!important}.text-color-light-blue-2::-moz-selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-color-light-blue-2::selection{background-color:#1ab5e633!important;color:#1ab5e6!important}.text-hover-white{transition:color .3s ease-in-out ease-in-out}.text-hover-white:hover{color:#fff!important}.text-hover-black{transition:color .3s ease-in-out ease-in-out}.text-hover-black:hover{color:#424242!important}.text-hover-blue-15{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-15:hover{color:#0b49d1!important}.text-hover-blue-18{transition:color .3s ease-in-out ease-in-out}.text-hover-blue-18:hover{color:#3b73ed!important}.text-hover-bw6-2{transition:color .3s ease-in-out ease-in-out}.text-hover-bw6-2:hover{color:#6c6c6c!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-20{font-size:20px!important;line-height:24px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.font-size-11{font-size:11px!important}.line-height-12{line-height:12px!important}.line-height-15{line-height:15px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-black-2 svg path,.svg-fill-black-2 svg circle{fill:#2f2f2f!important}.svg-fill-black-9 svg path,.svg-fill-black-9 svg circle{fill:#1d1d1d!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-white-3 svg path,.svg-fill-white-3 svg circle{fill:#ebebeb!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-grey-2 svg path,.svg-fill-grey-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw6-2 svg path,.svg-fill-bw6-2 svg circle{fill:#6c6c6c!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-9 svg path,.svg-fill-blue-9 svg circle{fill:#0b49d1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-green-6 svg path,.svg-fill-green-6 svg circle{fill:#77bf56!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-yellow-8 svg path,.svg-fill-yellow-8 svg circle{fill:#daad4f!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-13 svg path,.svg-fill-red-13 svg circle{fill:#ed9292!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-fill-red-15 svg path,.svg-fill-red-15 svg circle{fill:#f4bebe!important}.svg-fill-red-18 svg path,.svg-fill-red-18 svg circle{fill:#e668a0!important}.svg-fill-orange-4 svg path,.svg-fill-orange-4 svg circle{fill:#ff906d!important}.svg-fill-brown svg path,.svg-fill-brown svg circle{fill:#865e3a!important}.svg-fill-purple-4 svg path,.svg-fill-purple-4 svg circle{fill:#9e47ec!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey svg path{transition:fill .3s ease-in-out}.svg-hover-grey:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-9 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-9:hover svg path{fill:#0b49d1!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#6f9ee033!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-17 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-17:hover svg path{fill:#bed0f9!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-bw-9 svg path{transition:fill .3s ease-in-out}.svg-hover-bw-9:hover svg path{fill:#dadada!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-7 svg{width:7px;height:7px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-30-26 svg{width:30px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.svg-size-90 svg{width:90px;height:90px}.svg-rect-fill-blue-8{fill:#6692f1!important}.svg-rect-fill-blue-8 svg rect{fill:#6692f1!important}.svg-rect-fill-yellow-1{fill:#fab15c!important}.svg-rect-fill-yellow-1 svg rect{fill:#fab15c!important}.svg-rect-fill-red-10{fill:#e66767!important}.svg-rect-fill-red-10 svg rect{fill:#e66767!important}.svg-rect-fill-muted{fill:#919191!important}.svg-rect-fill-muted svg rect{fill:#919191!important}.svg-rect-fill-dark-2{fill:#91919133!important}.svg-rect-fill-dark-2 svg rect{fill:#91919133!important}.svg-rect-hover-blue-14{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-blue-14:hover{fill:#3b73ed!important}.svg-rect-hover-blue-14:hover svg rect{fill:#3b73ed!important}.svg-rect-hover-yellow-5{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-yellow-5:hover{fill:#f89b2e!important}.svg-rect-hover-yellow-5:hover svg rect{fill:#f89b2e!important}.svg-rect-hover-red-11{transition:fill .3s ease-in-out}.svg-rect-hover-red-11 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-red-11:hover{fill:#df3c3c!important}.svg-rect-hover-red-11:hover svg rect{fill:#df3c3c!important}.svg-rect-hover-bw6-2{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-bw6-2:hover{fill:#6c6c6c!important}.svg-rect-hover-bw6-2:hover svg rect{fill:#6c6c6c!important}.svg-rect-hover-dark-2{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2 svg rect{transition:fill .3s ease-in-out}.svg-rect-hover-dark-2:hover{fill:#91919133!important}.svg-rect-hover-dark-2:hover svg rect{fill:#91919133!important}.background-transparent{background-color:transparent}.background-white{background-color:#fff}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-black-3{background-color:#1d1d1d}.background-gray{background-color:#e5e5e5}.background-gray-2{background-color:#6c6c6c}.background-gray-7{background-color:#ccc3}.background-gray-12{background-color:#eee}.background-gray-20{background-color:#c9c9c9}.background-light-gray-2{background-color:#aaa}.background-light-gray-6{background-color:#ccc}.background-light-gray-7{background-color:#fbfbfb}.background-grey{background-color:#919191}.background-blue-5{background-color:#3074d3}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-blue-15{background-color:#0b49d1}.background-blue-18{background-color:#3b73ed}.background-blue-19{background-color:#92b1f5}.background-blue-20{background-color:#3b73ed33}.background-green-0{background-color:#56b4ac}.background-green-2{background-color:#259f94}.background-green-3{background-color:#b6dfdb}.background-green-4,.background-green-6{background-color:#86c9c3}.background-green-special-filter{background-color:#007a6e}.background-dark-2{background-color:#91919133}.background-dark-3{background-color:#91919166}.background-red-19{background-color:#df3d85}.background-red-11{background-color:#df3c3c}.background-purple-4{background-color:#9e47ec}.background-gold-bold{background-color:#cf961d}.background-gold-subtle{background-color:#e4c481}.background-orange-3{background-color:#ffb097}.background-orange-4{background-color:#ff906d}.background-orange-7{background-color:#ffcfc0}.background-yellow-8{background-color:#daad4f}.background-bw5{background-color:#919191}.background-bw6-2{background-color:#6c6c6c}.background-brown-bold{background-color:#865e3a}.background-bw2{background-color:#eee}.background-bw-9{background-color:#dadada}.background-hover-white{transition:background-color .3s ease-in-out}.background-hover-white:hover{background-color:#fff!important}.background-hover-white-4{transition:background-color .3s ease-in-out}.background-hover-white-4:hover{background-color:#fff3!important}.background-hover-black{transition:background-color .3s ease-in-out}.background-hover-black:hover{background-color:#424242!important}.background-hover-black-1{transition:background-color .3s ease-in-out}.background-hover-black-1:hover{background-color:#424242!important}.background-hover-black-2{transition:background-color .3s ease-in-out}.background-hover-black-2:hover{background-color:#2f2f2f!important}.background-hover-grey{transition:background-color .3s ease-in-out}.background-hover-grey:hover{background-color:#919191!important}.background-hover-grey-2{transition:background-color .3s ease-in-out}.background-hover-grey-2:hover{background-color:#6c6c6c!important}.background-hover-grey-6{transition:background-color .3s ease-in-out}.background-hover-grey-6:hover{background-color:#91919120!important}.background-hover-dark-2{transition:background-color .3s ease-in-out}.background-hover-dark-2:hover{background-color:#91919133!important}.background-hover-dark-3{transition:background-color .3s ease-in-out}.background-hover-dark-3:hover{background-color:#91919166!important}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-bw6{transition:background-color .3s ease-in-out}.background-hover-bw6:hover{background-color:#606060!important}.background-hover-bw6-2{transition:background-color .3s ease-in-out}.background-hover-bw6-2:hover{background-color:#6c6c6c!important}.background-hover-blue-11{transition:background-color .3s ease-in-out}.background-hover-blue-11:hover{background-color:#6f9ee066!important}.background-hover-blue-13{transition:background-color .3s ease-in-out}.background-hover-blue-13:hover{background-color:#6692f1!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.background-hover-blue-16{transition:background-color .3s ease-in-out}.background-hover-blue-16:hover{background-color:#e9effd!important}.background-hover-blue-17{transition:background-color .3s ease-in-out}.background-hover-blue-17:hover{background-color:#bed0f9!important}.background-hover-blue-19{transition:background-color .3s ease-in-out}.background-hover-blue-19:hover{background-color:#92b1f5!important}.background-hover-blue-20{transition:background-color .3s ease-in-out}.background-hover-blue-20:hover{background-color:#3b73ed33!important}.background-hover-blue-21{transition:background-color .3s ease-in-out}.background-hover-blue-21:hover{background-color:#3b73ed66!important}.background-hover-red-15{transition:background-color .3s ease-in-out}.background-hover-red-15:hover{background-color:#f4bebe!important}.background-hover-red-14{transition:background-color .3s ease-in-out}.background-hover-red-14:hover{background-color:#c20c0c!important}.background-hover-gray{transition:background-color .3s ease-in-out}.background-hover-gray:hover{background-color:#e5e5e5!important}.background-hover-light-grey{transition:background-color .3s ease-in-out}.background-hover-light-grey:hover{background-color:#e5e5e5!important}.background-hover-bw-9{transition:background-color .3s ease-in-out}.background-hover-bw-9:hover{background-color:#dadada!important}.background-hover-green-special-filter{transition:background-color .3s ease-in-out}.background-hover-green-special-filter:hover{background-color:#007a6e!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-60{border-radius:60px}.br-circle{border-radius:50%}.padding-1{padding:1px}.padding-l-1{padding-left:1px}.padding-r-1{padding-right:1px}.padding-t-1{padding-top:1px}.padding-b-1{padding-bottom:1px}.padding-2{padding:2px}.padding-l-2{padding-left:2px}.padding-r-2{padding-right:2px}.padding-t-2{padding-top:2px}.padding-b-2{padding-bottom:2px}.padding-4{padding:4px}.padding-l-4{padding-left:4px}.padding-r-4{padding-right:4px}.padding-t-4{padding-top:4px}.padding-b-4{padding-bottom:4px}.padding-6{padding:6px}.padding-l-6{padding-left:6px}.padding-r-6{padding-right:6px}.padding-t-6{padding-top:6px}.padding-b-6{padding-bottom:6px}.padding-9{padding:9px}.padding-l-9{padding-left:9px}.padding-r-9{padding-right:9px}.padding-t-9{padding-top:9px}.padding-b-9{padding-bottom:9px}.padding-10{padding:10px}.padding-l-10{padding-left:10px}.padding-r-10{padding-right:10px}.padding-t-10{padding-top:10px}.padding-b-10{padding-bottom:10px}.padding-12{padding:12px}.padding-l-12{padding-left:12px}.padding-r-12{padding-right:12px}.padding-t-12{padding-top:12px}.padding-b-12{padding-bottom:12px}.padding-14{padding:14px}.padding-l-14{padding-left:14px}.padding-r-14{padding-right:14px}.padding-t-14{padding-top:14px}.padding-b-14{padding-bottom:14px}.padding-15{padding:15px}.padding-l-15{padding-left:15px}.padding-r-15{padding-right:15px}.padding-t-15{padding-top:15px}.padding-b-15{padding-bottom:15px}.padding-18{padding:18px}.padding-l-18{padding-left:18px}.padding-r-18{padding-right:18px}.padding-t-18{padding-top:18px}.padding-b-18{padding-bottom:18px}.padding-30{padding:30px}.padding-l-30{padding-left:30px}.padding-r-30{padding-right:30px}.padding-t-30{padding-top:30px}.padding-b-30{padding-bottom:30px}.padding-y-1{padding-top:1px;padding-bottom:1px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-y-6{padding-top:6px;padding-bottom:6px}.padding-y-9{padding-top:9px;padding-bottom:9px}.padding-y-10{padding-top:10px;padding-bottom:10px}.padding-y-12{padding-top:12px;padding-bottom:12px}.padding-y-14{padding-top:14px;padding-bottom:14px}.padding-y-15{padding-top:15px;padding-bottom:15px}.padding-y-18{padding-top:18px;padding-bottom:18px}.padding-y-30{padding-top:30px;padding-bottom:30px}.padding-x-2{padding-left:2px;padding-right:2px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.padding-x-6{padding-left:6px;padding-right:6px}.padding-x-8{padding-left:8px;padding-right:8px}.padding-x-10{padding-left:10px;padding-right:10px}.padding-x-12{padding-left:12px;padding-right:12px}.margin--4{margin:-4px}.margin-y--4{margin-top:-4px;margin-bottom:-4px}.margin-x--4{margin-left:-4px;margin-right:-4px}.margin-t--4{margin-top:-4px}.margin-r--4{margin-right:-4px}.margin-b--4{margin-bottom:-4px}.margin-l--4{margin-left:-4px}.margin--2{margin:-2px}.margin-y--2{margin-top:-2px;margin-bottom:-2px}.margin-x--2{margin-left:-2px;margin-right:-2px}.margin-t--2{margin-top:-2px}.margin-r--2{margin-right:-2px}.margin-b--2{margin-bottom:-2px}.margin-l--2{margin-left:-2px}.margin-1{margin:1px}.margin-y-1{margin-top:1px;margin-bottom:1px}.margin-x-1{margin-left:1px;margin-right:1px}.margin-t-1{margin-top:1px}.margin-r-1{margin-right:1px}.margin-b-1{margin-bottom:1px}.margin-l-1{margin-left:1px}.margin-2{margin:2px}.margin-y-2{margin-top:2px;margin-bottom:2px}.margin-x-2{margin-left:2px;margin-right:2px}.margin-t-2{margin-top:2px}.margin-r-2{margin-right:2px}.margin-b-2{margin-bottom:2px}.margin-l-2{margin-left:2px}.margin-4{margin:4px}.margin-y-4{margin-top:4px;margin-bottom:4px}.margin-x-4{margin-left:4px;margin-right:4px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-l-4{margin-left:4px}.margin-5{margin:5px}.margin-y-5{margin-top:5px;margin-bottom:5px}.margin-x-5{margin-left:5px;margin-right:5px}.margin-t-5{margin-top:5px}.margin-r-5{margin-right:5px}.margin-b-5{margin-bottom:5px}.margin-l-5{margin-left:5px}.margin-6{margin:6px}.margin-y-6{margin-top:6px;margin-bottom:6px}.margin-x-6{margin-left:6px;margin-right:6px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-l-6{margin-left:6px}.margin-7{margin:7px}.margin-y-7{margin-top:7px;margin-bottom:7px}.margin-x-7{margin-left:7px;margin-right:7px}.margin-t-7{margin-top:7px}.margin-r-7{margin-right:7px}.margin-b-7{margin-bottom:7px}.margin-l-7{margin-left:7px}.margin-8{margin:8px}.margin-y-8{margin-top:8px;margin-bottom:8px}.margin-x-8{margin-left:8px;margin-right:8px}.margin-t-8{margin-top:8px}.margin-r-8{margin-right:8px}.margin-b-8{margin-bottom:8px}.margin-l-8{margin-left:8px}.margin-10{margin:10px}.margin-y-10{margin-top:10px;margin-bottom:10px}.margin-x-10{margin-left:10px;margin-right:10px}.margin-t-10{margin-top:10px}.margin-r-10{margin-right:10px}.margin-b-10{margin-bottom:10px}.margin-l-10{margin-left:10px}.margin-15{margin:15px}.margin-y-15{margin-top:15px;margin-bottom:15px}.margin-x-15{margin-left:15px;margin-right:15px}.margin-t-15{margin-top:15px}.margin-r-15{margin-right:15px}.margin-b-15{margin-bottom:15px}.margin-l-15{margin-left:15px}.margin-22{margin:22px}.margin-y-22{margin-top:22px;margin-bottom:22px}.margin-x-22{margin-left:22px;margin-right:22px}.margin-t-22{margin-top:22px}.margin-r-22{margin-right:22px}.margin-b-22{margin-bottom:22px}.margin-l-22{margin-left:22px}.margin-24{margin:24px}.margin-y-24{margin-top:24px;margin-bottom:24px}.margin-x-24{margin-left:24px;margin-right:24px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.margin-l-24{margin-left:24px}.gap-xs{gap:xspx}.gap-6{gap:6px}.gap-20{gap:20px}.grid-gap-8{grid-gap:8px}.w-1{width:1px}.h-1{height:1px}.w-2{width:2px}.h-2{height:2px}.w-4{width:4px}.h-4{height:4px}.w-10{width:10px}.h-10{height:10px}.w-14{width:14px}.h-14{height:14px}.w-15{width:15px}.h-15{height:15px}.w-18{width:18px}.h-18{height:18px}.w-22{width:22px}.h-22{height:22px}.w-26{width:26px}.h-26{height:26px}.w-31{width:31px}.h-31{height:31px}.w-32{width:32px}.h-32{height:32px}.w-36{width:36px}.h-36{height:36px}.w-116{width:116px}.h-116{height:116px}.w-120{width:120px}.h-120{height:120px}.w-fit-content{width:fit-content!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}}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.h-7{height:7px!important;min-height:7px!important}.h-8{height:8px!important;min-height:8px!important}.h-10{height:10px!important;min-height:10px!important}.h-11{height:11px!important;min-height:11px!important}.h-12{height:12px!important;min-height:12px!important}.h-14{height:14px!important;min-height:14px!important}.h-15{height:15px!important;min-height:15px!important}.h-16{height:16px!important;min-height:16px!important}.h-18{height:18px!important;min-height:18px!important}.h-22{height:22px!important;min-height:22px!important}.h-24{height:24px!important;min-height:24px!important}.h-26{height:26px!important;min-height:26px!important}.h-30{height:30px!important;min-height:30px!important}.h-34{height:34px!important;min-height:34px!important}.h-37{height:37px!important;min-height:37px!important}.h-40{height:40px!important;min-height:40px!important}.h-42{height:42px!important;min-height:42px!important}.h-44{height:44px!important;min-height:44px!important}.h-52{height:52px!important;min-height:52px!important}.h-80{height:80px!important;min-height:80px!important}.h-160{height:160px!important;min-height:160px!important}.h-486{height:486px!important;min-height:486px!important}.h-800{height:800px!important;min-height:800px!important}.h-960{height:960px!important;min-height:960px!important}.w-2{width:2px!important;min-width:2px!important}.w-7{width:7px!important;min-width:7px!important}.w-8{width:8px!important;min-width:8px!important}.w-10{width:10px!important;min-width:10px!important}.w-12{width:12px!important;min-width:12px!important}.w-14{width:14px!important;min-width:14px!important}.w-15{width:15px!important;min-width:15px!important}.w-16{width:16px!important;min-width:16px!important}.w-18{width:18px!important;min-width:18px!important}.w-22{width:22px!important;min-width:22px!important}.w-24{width:24px!important;min-width:24px!important}.w-26{width:26px!important;min-width:26px!important}.w-29{width:29px!important;min-width:29px!important}.w-30{width:30px!important;min-width:30px!important}.w-36{width:36px!important;min-width:36px!important}.w-40{width:40px!important;min-width:40px!important}.w-42{width:42px!important;min-width:42px!important}.w-46{width:46px!important;min-width:46px!important}.w-49{width:49px!important;min-width:49px!important}.w-57{width:57px!important;min-width:57px!important}.w-60{width:60px!important;min-width:60px!important}.w-68{width:68px!important;min-width:68px!important}.w-70{width:70px!important;min-width:70px!important}.w-71{width:71px!important;min-width:71px!important}.w-78{width:78px!important;min-width:78px!important}.w-80{width:80px!important;min-width:80px!important}.w-83{width:83px!important;min-width:83px!important}.w-84{width:84px!important;min-width:84px!important}.w-88{width:88px!important;min-width:88px!important}.w-90{width:90px!important;min-width:90px!important}.w-91{width:91px!important;min-width:91px!important}.w-93{width:93px!important;min-width:93px!important}.w-96{width:96px!important;min-width:96px!important}.w-98{width:98px!important;min-width:98px!important}.w-101{width:101px!important;min-width:101px!important}.w-106{width:106px!important;min-width:106px!important}.w-108{width:108px!important;min-width:108px!important}.w-116{width:116px!important;min-width:116px!important}.w-126{width:126px!important;min-width:126px!important}.w-144{width:144px!important;min-width:144px!important}.w-155{width:155px!important;min-width:155px!important}.w-172{width:172px!important;min-width:172px!important}.w-179{width:179px!important;min-width:179px!important}.w-180{width:180px!important;min-width:180px!important}.w-202{width:202px!important;min-width:202px!important}.w-214{width:214px!important;min-width:214px!important}.w-223{width:223px!important;min-width:223px!important}.w-252{width:252px!important;min-width:252px!important}.w-264{width:264px!important;min-width:264px!important}.w-268{width:268px!important;min-width:268px!important}.w-272{width:272px!important;min-width:272px!important}.w-276{width:276px!important;min-width:276px!important}.w-277{width:277px!important;min-width:277px!important}.w-300{width:300px!important;min-width:300px!important}.w-334{width:334px!important;min-width:334px!important}.w-442{width:442px!important;min-width:442px!important}.w-462{width:462px!important;min-width:462px!important}.w-612{width:612px!important;min-width:612px!important}.w-616{width:616px!important;min-width:616px!important}.w-620{width:620px!important;min-width:620px!important}.min-w-16{min-width:16px}.min-w-18{min-width:18px}.flex-1{flex:1}.w-33{width:33%}.w-40p{width:40%}.w-90p{width:90%}.ca-full-width{width:100%!important}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.place-items-center{justify-content:center;align-items:center}.prevent-text-selection{-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"] }]
|
|
34221
34344
|
}], ctorParameters: () => [], propDecorators: { itemsConfig: [{
|
|
34222
34345
|
type: Input
|
|
34223
34346
|
}], itemsRowTemplate: [{
|