ca-components 2.0.20 → 2.0.22
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 +22 -15
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-filters/ca-filter.component.d.ts +4 -4
- package/lib/components/ca-filters/components/ca-time-filter-dropdown/ca-time-filter-dropdown.component.d.ts +2 -2
- package/lib/components/ca-modal-items/interfaces/modal-items-config.interface.d.ts +5 -0
- package/lib/components/ca-progress-bar-v2/ca-progress-bar-v2.component.d.ts +2 -1
- package/lib/utils/svg-routes/shared-svg.routes.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/assets/ca-components/svg/common/ic_no_results_contacts.svg +22 -0
|
@@ -14442,7 +14442,6 @@ class CaTimeFilterDropdownComponent {
|
|
|
14442
14442
|
const timeLabel = this.timeOptionsArray
|
|
14443
14443
|
.flatMap((option) => option.items)
|
|
14444
14444
|
.find((item) => item.value === this.selectedTimeValue);
|
|
14445
|
-
console.log(timeLabel, 'timelabelt');
|
|
14446
14445
|
const { fromDate, toDate } = this.convertTimeToDate(timeLabel?.value, timeLabel?.year);
|
|
14447
14446
|
queryParams = { ...queryParams, fromDate, toDate };
|
|
14448
14447
|
const data = {
|
|
@@ -14474,7 +14473,7 @@ class CaTimeFilterDropdownComponent {
|
|
|
14474
14473
|
this.destroy$.complete();
|
|
14475
14474
|
}
|
|
14476
14475
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaTimeFilterDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14477
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaTimeFilterDropdownComponent, isStandalone: true, selector: "app-ca-time-filter-dropdown", inputs: { type: "type", timeSubType: "timeSubType", isFilterActive: "isFilterActive" }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<div class=\"time-filter-holder\">\n <div\n class=\"time-items-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (timeOption of timeOptionsArray; let indx = $index; let isLast = $last; track indx) {\n @for (item of timeOption.items; let ind = $index; track ind) {\n <div\n class=\"time-items d-flex align-items-center fw-normal\"\n [class.active]=\"selectedTimeValue === item.label\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"\n selectedTimeValue !== item.label\n ? setTimeValue(item.label)\n : null\n \"\n >\n {{ item.label }}\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n [src]=\"'confirm' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n }\n\n @if (!isLast) {\n <div class=\"background-black br-2 h-1 w-100 margin-b-4\"></div>\n }\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.border-filter{width:100%;height:2px;border-radius:1px;margin:8px 0 6px;background-color:#aaa;opacity:.2}.time-data-border{margin:2px 0 6px}.time-items-holder{padding:0;width:100%;background-color:#2f2f2f;box-sizing:border-box}.time-items-holder .time-items{position:relative;width:100%;padding-left:6px;border-radius:2px;box-sizing:border-box;font-size:14px;color:#fff;line-height:26px;margin-bottom:4px}.time-items-holder .time-items:hover{cursor:pointer;background-color:#1d1d1d;color:#fff!important}.time-items-holder .time-items::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.time-items-holder .time-items::selection{background:#6c6c6c20;color:#6c6c6c}.time-items-holder .time-items .selected-icon{position:absolute;width:18px;height:26px;visibility:hidden;top:0;right:6px}.time-items-holder .time-items .selected-icon svg-icon svg{width:12.47px!important;height:9.85px!important}.time-items-holder .time-items .selected-icon svg-icon svg path{fill:#6f9ee0!important}.time-items-holder .time-items .icon-delete{position:absolute;width:21px;height:21px;visibility:hidden;top:2.5px;right:4px;transition:width .2s ease-in-out,height .2s ease-in-out}.time-items-holder .time-items .icon-delete svg-icon svg{width:10.63px!important;height:10.63px!important}.time-items-holder .time-items .icon-delete svg-icon svg path{fill:#e57373!important}.time-items-holder .time-items .icon-delete:hover svg-icon svg path{fill:#e57373!important}.time-items-holder .active{color:#fff!important;font-weight:700!important}.time-items-holder .active .selected-icon{visibility:visible}.time-items-holder .active:hover{color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
14476
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaTimeFilterDropdownComponent, isStandalone: true, selector: "app-ca-time-filter-dropdown", inputs: { type: "type", timeSubType: "timeSubType", isFilterActive: "isFilterActive", selectedTimeValue: "selectedTimeValue" }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<div class=\"time-filter-holder\">\n <div\n class=\"time-items-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (timeOption of timeOptionsArray; let indx = $index; let isLast = $last; track indx) {\n @for (item of timeOption.items; let ind = $index; track ind) {\n <div\n class=\"time-items d-flex align-items-center fw-normal\"\n [class.active]=\"selectedTimeValue === item.label\"\n [@showAnimation]=\"!!isFilterActive\"\n (click)=\"\n selectedTimeValue !== item.label\n ? setTimeValue(item.label)\n : null\n \"\n >\n {{ item.label }}\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n [src]=\"'confirm' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n }\n\n @if (!isLast) {\n <div class=\"background-black br-2 h-1 w-100 margin-b-4\"></div>\n }\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.border-filter{width:100%;height:2px;border-radius:1px;margin:8px 0 6px;background-color:#aaa;opacity:.2}.time-data-border{margin:2px 0 6px}.time-items-holder{padding:0;width:100%;background-color:#2f2f2f;box-sizing:border-box}.time-items-holder .time-items{position:relative;width:100%;padding-left:6px;border-radius:2px;box-sizing:border-box;font-size:14px;color:#fff;line-height:26px;margin-bottom:4px}.time-items-holder .time-items:hover{cursor:pointer;background-color:#1d1d1d;color:#fff!important}.time-items-holder .time-items::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.time-items-holder .time-items::selection{background:#6c6c6c20;color:#6c6c6c}.time-items-holder .time-items .selected-icon{position:absolute;width:18px;height:26px;visibility:hidden;top:0;right:6px}.time-items-holder .time-items .selected-icon svg-icon svg{width:12.47px!important;height:9.85px!important}.time-items-holder .time-items .selected-icon svg-icon svg path{fill:#6f9ee0!important}.time-items-holder .time-items .icon-delete{position:absolute;width:21px;height:21px;visibility:hidden;top:2.5px;right:4px;transition:width .2s ease-in-out,height .2s ease-in-out}.time-items-holder .time-items .icon-delete svg-icon svg{width:10.63px!important;height:10.63px!important}.time-items-holder .time-items .icon-delete svg-icon svg path{fill:#e57373!important}.time-items-holder .time-items .icon-delete:hover svg-icon svg path{fill:#e57373!important}.time-items-holder .active{color:#fff!important;font-weight:700!important}.time-items-holder .active .selected-icon{visibility:visible}.time-items-holder .active:hover{color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
14478
14477
|
// pipes
|
|
14479
14478
|
CaSvgPipe, name: "caSvg" }], animations: [showAnimation('showAnimation')], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14480
14479
|
}
|
|
@@ -14493,6 +14492,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
14493
14492
|
type: Input
|
|
14494
14493
|
}], isFilterActive: [{
|
|
14495
14494
|
type: Input
|
|
14495
|
+
}], selectedTimeValue: [{
|
|
14496
|
+
type: Input
|
|
14496
14497
|
}], itemSelected: [{
|
|
14497
14498
|
type: Output
|
|
14498
14499
|
}] } });
|
|
@@ -14724,12 +14725,12 @@ class CaFilterComponent {
|
|
|
14724
14725
|
case ToolbarFilterStringEnum.TIME_FILTER:
|
|
14725
14726
|
if (this.caTimeFilter)
|
|
14726
14727
|
filterResult = this.caTimeFilter.setFilterValue(event);
|
|
14727
|
-
this.
|
|
14728
|
+
this.selectedTimeValue = filterResult?.queryParams?.timeSelected;
|
|
14728
14729
|
break;
|
|
14729
14730
|
case ToolbarFilterStringEnum.TIME_FILTER_DROPDOWN:
|
|
14730
14731
|
if (this.caTimeFilterDropdown)
|
|
14731
14732
|
filterResult = this.caTimeFilterDropdown.setFilterValue(event);
|
|
14732
|
-
this.
|
|
14733
|
+
this.selectedTimeValue = filterResult?.queryParams?.timeSelected;
|
|
14733
14734
|
break;
|
|
14734
14735
|
case ToolbarFilterStringEnum.DISPATCHER_FILTER:
|
|
14735
14736
|
case ToolbarFilterStringEnum.DRIVER_FILTER:
|
|
@@ -14887,11 +14888,11 @@ class CaFilterComponent {
|
|
|
14887
14888
|
this.destroy$.complete();
|
|
14888
14889
|
}
|
|
14889
14890
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFilterComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14890
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterComponent, isStandalone: true, selector: "app-ca-filter", inputs: { type: "type", isDisabled: "isDisabled", timeSubType: "timeSubType", subType: "subType", unselectedUser: "unselectedUser", userGroup: "userGroup", loadStatusOptionsArray: "loadStatusOptionsArray", truckTypeArray: "truckTypeArray", trailerTypeArray: "trailerTypeArray", pmFilterArray: "pmFilterArray", isRepairFilter: "isRepairFilter", hasNoLeftIcon: "hasNoLeftIcon", hasLeftSideIcon: "hasLeftSideIcon", hasLargeLeftIcon: "hasLargeLeftIcon", isMoneyFilter: "isMoneyFilter", isMilesFilter: "isMilesFilter", isButtonFilter: "isButtonFilter", isFuelType: "isFuelType", isLoadType: "isLoadType", isCollapsibleFilter: "isCollapsibleFilter", filterTitle: "filterTitle", icon: "icon", addressList: "addressList", receivedAddressList: "receivedAddressList", receivedAddressData: "receivedAddressData", usaStates: "usaStates", canadaStates: "canadaStates" }, outputs: { sentAddressValue: "sentAddressValue", sentAddressData: "sentAddressData", setFilter: "setFilter", clearAll: "clearAll" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "autoClose", first: true, predicate: CaAutoclosePopoverComponent, descendants: true }, { propertyName: "caStatusFilter", first: true, predicate: CaStatusFilterComponent, descendants: true }, { propertyName: "caMoneyFilter", first: true, predicate: CaMoneyFilterComponent, descendants: true }, { propertyName: "caTimeFilter", first: true, predicate: CaTimeFilterComponent, descendants: true }, { propertyName: "caTimeFilterDropdown", first: true, predicate: CaTimeFilterDropdownComponent, descendants: true }, { propertyName: "caDispatcherFilter", first: true, predicate: CaDispatcherFilterComponent, descendants: true }, { propertyName: "caStateFilter", first: true, predicate: CaStateFilterComponent, descendants: true }, { propertyName: "caTruckTypeFilter", first: true, predicate: CaTruckTypeFilterComponent, descendants: true }, { propertyName: "caTrailerTypeFilter", first: true, predicate: CaTrailerTypeFilterComponent, descendants: true }, { propertyName: "caPmFilter", first: true, predicate: CaPmFilterComponent, descendants: true }, { propertyName: "caCollapsibleFilter", first: true, predicate: CaCollapsibleFilterComponent, descendants: true }, { propertyName: "caLocationFilter", first: true, predicate: CaLocationFilterComponent, descendants: true }, { propertyName: "caUserFilter", first: true, predicate: CaUserFilterComponent, descendants: true }, { propertyName: "caViolationFilter", first: true, predicate: CaViolationFilterComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"user-icon d-flex justify-content-center align-items-center\"\n app-ca-autoclose-popover\n [customClass]=\"'filterpopovermain'\"\n [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n autoClose=\"outside\"\n (closeFilter)=\"onFilterClose()\"\n (openFilter)=\"onFilterShown()\"\n [ngClass]=\"{\n 'active-options': isFilterActive && type !== 'timeFilterDropdown',\n 'clear-colors': isHoverClosed,\n 'filter-active-colors':\n isFilterActiveColor && type !== 'timeFilterDropdown',\n 'active-collapsible':\n isCollapsibleFilter && type !== 'timeFilterDropdown',\n 'c-pointer': !isDisabled,\n 'default-filter-state':\n !isDisabled &&\n !isFilterActive &&\n !isHoverClosed &&\n !isFilterActiveColor,\n 'w-126': type === 'timeFilterDropdown',\n 'time-filter background-bw2 background-hover-bw-9':\n type === 'timeFilterDropdown' && !isFilterActive,\n 'background-black-2': type === 'timeFilterDropdown' && isFilterActive,\n }\"\n [isDisabled]=\"isDisabled\"\n (mouseenter)=\"isFilterHoveredOver = true\"\n (mouseleave)=\"isFilterHoveredOver = false\"\n>\n <div\n mainContent\n ngbTooltip\n mainCaTooltip=\"{{\n 'mainTooltip'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n }}\"\n position=\"bottom\"\n tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n tooltipTextAlign=\"center\"\n class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n [class]=\"{\n 'svg-fill-muted svg-hover-black': !isDisabled,\n }\"\n >\n <div\n [ngClass]=\"{\n 'd-flex align-items-center w-126 padding-x-6':\n type === 'timeFilterDropdown',\n }\"\n >\n @if (type !== 'timeFilterDropdown') {\n <svg-icon\n class=\"d-flex svg-size-14\"\n [class.svg-fill-light-grey-6]=\"isDisabled\"\n [src]=\"icon | caSvg: 'common'\"\n ></svg-icon>\n } @else {\n <div\n class=\"flex-1 time-filter-title text-size-14 ca-font-extra-bold\"\n [ngClass]=\"{\n 'text-color-white': isFilterActive,\n 'text-color-bw6-2': !isFilterActive,\n }\"\n >\n {{ timeFilter ?? 'Time Filter' }}\n </div>\n <svg-icon\n class=\"time-filter-arrow ms-1 svg-size-14\"\n [class.rotate-arrow]=\"isFilterActive\"\n [src]=\"'ic_arrow_input' | caSvg: 'common'\"\n ></svg-icon>\n }\n </div>\n @if (isFilterActiveColor && type !== 'timeFilterDropdown') {\n @if (isFilterHoveredOver) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n (mouseenter)=\"isHoverClosed = true\"\n (mouseleave)=\"isHoverClosed = false\"\n (click)=\"clearAllValues($event)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'cancelViolation' | caSvg: 'common' : 'calendar'\"\n ></svg-icon>\n </div>\n } @else {\n @if (hasFilterCount) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center ta-font-extra-bold\"\n >\n {{ filterCount }}\n </div>\n } @else {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'confirm' | caSvg: 'input'\"\n ></svg-icon>\n </div>\n }\n }\n }\n </div>\n\n <div popoverContent class=\"main-popover-body\">\n @if (isCollapsibleFilter) {\n <app-ca-collapsible-filter\n (onTagEmit)=\"setFilterValue($event)\"\n [filterArray]=\"pmFilterArray\"\n [type]=\"type\"\n ></app-ca-collapsible-filter>\n }\n @if (!isButtonFilter && !isCollapsibleFilter) {\n <div\n [@showAnimation]=\"!!isFilterActive\"\n class=\"filter-holder d-flex justify-content-start align-items-start\"\n [class.state-filter]=\"type === 'stateFilter'\"\n [class.department-filter]=\"hasNoLeftIcon\"\n [class.status-filter]=\"type === 'statusFilter'\"\n [class.pm-filter]=\"hasLeftSideIcon\"\n [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n [class.money-filter]=\"\n type === 'moneyFilter' || type === 'milesFilter'\n \"\n [class.location-filter]=\"type === 'locationFilter'\"\n [class.w-126]=\"type === 'timeFilterDropdown'\"\n >\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n [class.activeHeader]=\"!isSearchExpanded\"\n [class.inactiveHeader]=\"isSearchExpanded\"\n >\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold text-size-11\"\n >\n {{ filterTitle | uppercase }}\n @if (\n (type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter') &&\n caDispatcherFilter?.selectedUser?.length\n ) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n caDispatcherFilter?.selectedUser?.length\n }}\n </div>\n }\n\n @if (\n 'userBox'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n @let filterResult =\n type\n | filterConditionsUserBox\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caStatusFilter\n : caPmFilter;\n @if (filterResult) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{ filterResult }}\n </div>\n }\n }\n </div>\n @if (\n 'sortItems'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n >\n {{\n type === 'statusFilter' ||\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n ? 'Count'\n : 'Name'\n }}\n <svg-icon\n class=\"sort-arrow ms-1 svg-size-18\"\n [class.rotate]=\"!isAscendingSortOrder\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (\n (type === 'truckFilter' ||\n type === 'truckTypeFilter' ||\n type === 'trailerFilter') &&\n isRepairFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text d-flex align-items-center justify-content-end\"\n >\n Count\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (type === 'stateFilter') {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n (caStateFilter\n ?.canadaSelectedStates)!\n .length +\n (caStateFilter\n ?.usaSelectedStates)!.length\n }}\n </div>\n } @else {\n <ng-template #searchState>\n @if (!searchState) {\n <div\n class=\"search-icon-holder svg-fill-light-grey-2 svg-hover-bw6-2 svg-size-17 d-flex justify-content-center align-items-center\"\n (click)=\"showSearch()\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"\n 'search'\n | caSvg: 'input'\n \"\n ></svg-icon>\n </div>\n }\n </ng-template>\n }\n }\n }\n </div>\n }\n <div class=\"filter-body-holder\">\n @switch (type) {\n @case ('moneyFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"true\"\n [isMilesFilter]=\"false\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n @case ('milesFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"false\"\n [isMilesFilter]=\"true\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n }\n\n @switch (type) {\n @case ('statusFilter') {\n <app-ca-status-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [loadStatusOptionsArray]=\"\n loadStatusOptionsArray\n \"\n >\n </app-ca-status-filter>\n }\n @case ('timeFilter') {\n <app-ca-time-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n >\n </app-ca-time-filter>\n }\n @case ('timeFilterDropdown') {\n <app-ca-time-filter-dropdown\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n (itemSelected)=\"setFilterValue($event)\"\n >\n </app-ca-time-filter-dropdown>\n }\n @case ('dispatcherFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('driverFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('fuelStopFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('brokerFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('stateFilter') {\n <app-ca-state-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isSearchExpanded]=\"isSearchExpanded\"\n [usaStates]=\"usaStates\"\n [canadaStates]=\"canadaStates\"\n >\n </app-ca-state-filter>\n }\n @case ('truckTypeFilter') {\n <app-ca-truck-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isRepairFilter]=\"isRepairFilter\"\n [truckTypeArray]=\"truckTypeArray\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-truck-type-filter>\n }\n @case ('trailerTypeFilter') {\n <app-ca-trailer-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [trailerTypeArray]=\"trailerTypeArray\"\n [isRepairFilter]=\"isRepairFilter\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-trailer-type-filter>\n }\n @case ('pmFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('categoryRepairFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('fuelItemFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('departmentFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('parkingFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('tagFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('actionFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('labelFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('userFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('moduleFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('locationFilter') {\n <app-ca-location-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [addressList]=\"addressList\"\n [receivedAddressList]=\"receivedAddressList\"\n [receivedAddressData]=\"receivedAddressData\"\n (sentAddressData)=\"handleAddressData($event)\"\n (sentAddressValue)=\"handleAddressValue($event)\"\n >\n </app-ca-location-filter>\n }\n @case ('violationFilter') {\n <app-ca-violation-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-violation-filter>\n }\n }\n </div>\n\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"buttons-holder d-flex justify-content-between align-items-center\"\n [class.buttons-long]=\"type === 'locationFilter'\"\n >\n <div\n (click)=\"clearAllValues($event)\"\n class=\"button-clear text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsClear\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n \"\n >\n Clear All\n </div>\n <div\n (click)=\"setFilterValue($event)\"\n class=\"button-set text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsSet\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n : caTimeFilterDropdown\n \"\n >\n Set\n </div>\n </div>\n }\n </div>\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;padding:4px}.user-icon.time-filter .time-filter-arrow svg{display:flex!important}.user-icon.time-filter .time-filter-arrow svg path{fill:#6c6c6c!important}.user-icon.time-filter:hover .time-filter-title{color:#424242!important}.user-icon.time-filter:hover .time-filter-arrow svg path{fill:#424242!important}.user-icon .time-filter-arrow svg{display:flex!important}.user-icon .time-filter-arrow.rotate-arrow{rotate:180deg}.user-icon .time-filter-arrow.rotate-arrow svg path{fill:#ffffffb3!important}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;color:#fff}.user-icon.default-filter-state:hover{background-color:#eee}.user-icon.default-filter-state:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon.default-filter-state .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;color:#fff}.filter-holder .filter-header .user-title-text{color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:144px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:4px;width:300px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
14891
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterComponent, isStandalone: true, selector: "app-ca-filter", inputs: { type: "type", isDisabled: "isDisabled", timeSubType: "timeSubType", subType: "subType", unselectedUser: "unselectedUser", userGroup: "userGroup", loadStatusOptionsArray: "loadStatusOptionsArray", truckTypeArray: "truckTypeArray", trailerTypeArray: "trailerTypeArray", pmFilterArray: "pmFilterArray", selectedTimeValue: "selectedTimeValue", isRepairFilter: "isRepairFilter", hasNoLeftIcon: "hasNoLeftIcon", hasLeftSideIcon: "hasLeftSideIcon", hasLargeLeftIcon: "hasLargeLeftIcon", isMoneyFilter: "isMoneyFilter", isMilesFilter: "isMilesFilter", isButtonFilter: "isButtonFilter", isFuelType: "isFuelType", isLoadType: "isLoadType", isCollapsibleFilter: "isCollapsibleFilter", filterTitle: "filterTitle", icon: "icon", addressList: "addressList", receivedAddressList: "receivedAddressList", receivedAddressData: "receivedAddressData", usaStates: "usaStates", canadaStates: "canadaStates" }, outputs: { sentAddressValue: "sentAddressValue", sentAddressData: "sentAddressData", setFilter: "setFilter", clearAll: "clearAll" }, viewQueries: [{ propertyName: "t2", first: true, predicate: ["t2"], descendants: true }, { propertyName: "autoClose", first: true, predicate: CaAutoclosePopoverComponent, descendants: true }, { propertyName: "caStatusFilter", first: true, predicate: CaStatusFilterComponent, descendants: true }, { propertyName: "caMoneyFilter", first: true, predicate: CaMoneyFilterComponent, descendants: true }, { propertyName: "caTimeFilter", first: true, predicate: CaTimeFilterComponent, descendants: true }, { propertyName: "caTimeFilterDropdown", first: true, predicate: CaTimeFilterDropdownComponent, descendants: true }, { propertyName: "caDispatcherFilter", first: true, predicate: CaDispatcherFilterComponent, descendants: true }, { propertyName: "caStateFilter", first: true, predicate: CaStateFilterComponent, descendants: true }, { propertyName: "caTruckTypeFilter", first: true, predicate: CaTruckTypeFilterComponent, descendants: true }, { propertyName: "caTrailerTypeFilter", first: true, predicate: CaTrailerTypeFilterComponent, descendants: true }, { propertyName: "caPmFilter", first: true, predicate: CaPmFilterComponent, descendants: true }, { propertyName: "caCollapsibleFilter", first: true, predicate: CaCollapsibleFilterComponent, descendants: true }, { propertyName: "caLocationFilter", first: true, predicate: CaLocationFilterComponent, descendants: true }, { propertyName: "caUserFilter", first: true, predicate: CaUserFilterComponent, descendants: true }, { propertyName: "caViolationFilter", first: true, predicate: CaViolationFilterComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"user-icon d-flex justify-content-center align-items-center\"\n app-ca-autoclose-popover\n [customClass]=\"'filterpopovermain'\"\n [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n autoClose=\"outside\"\n (closeFilter)=\"onFilterClose()\"\n (openFilter)=\"onFilterShown()\"\n [ngClass]=\"{\n 'active-options': isFilterActive && type !== 'timeFilterDropdown',\n 'clear-colors': isHoverClosed,\n 'filter-active-colors':\n isFilterActiveColor && type !== 'timeFilterDropdown',\n 'active-collapsible':\n isCollapsibleFilter && type !== 'timeFilterDropdown',\n 'c-pointer': !isDisabled,\n 'default-filter-state':\n !isDisabled &&\n !isFilterActive &&\n !isHoverClosed &&\n !isFilterActiveColor,\n 'w-126': type === 'timeFilterDropdown',\n 'time-filter background-bw2 background-hover-bw-9':\n type === 'timeFilterDropdown' && !isFilterActive,\n 'background-black-2': type === 'timeFilterDropdown' && isFilterActive,\n }\"\n [isDisabled]=\"isDisabled\"\n (mouseenter)=\"isFilterHoveredOver = true\"\n (mouseleave)=\"isFilterHoveredOver = false\"\n>\n <div\n mainContent\n ngbTooltip\n mainCaTooltip=\"{{\n 'mainTooltip'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n }}\"\n position=\"bottom\"\n tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n tooltipTextAlign=\"center\"\n class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n [class]=\"{\n 'svg-fill-muted svg-hover-black': !isDisabled,\n }\"\n >\n <div\n [ngClass]=\"{\n 'd-flex align-items-center w-126 padding-x-6':\n type === 'timeFilterDropdown',\n }\"\n >\n @if (type !== 'timeFilterDropdown') {\n <svg-icon\n class=\"d-flex svg-size-14\"\n [class.svg-fill-light-grey-6]=\"isDisabled\"\n [src]=\"icon | caSvg: 'common'\"\n ></svg-icon>\n } @else {\n <div\n class=\"flex-1 time-filter-title text-size-14 ca-font-extra-bold\"\n [ngClass]=\"{\n 'text-color-white': isFilterActive,\n 'text-color-bw6-2': !isFilterActive,\n }\"\n >\n {{ selectedTimeValue ?? 'Time Filter' }}\n </div>\n <svg-icon\n class=\"time-filter-arrow ms-1 svg-size-14\"\n [class.rotate-arrow]=\"isFilterActive\"\n [src]=\"'ic_arrow_input' | caSvg: 'common'\"\n ></svg-icon>\n }\n </div>\n @if (isFilterActiveColor && type !== 'timeFilterDropdown') {\n @if (isFilterHoveredOver) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n (mouseenter)=\"isHoverClosed = true\"\n (mouseleave)=\"isHoverClosed = false\"\n (click)=\"clearAllValues($event)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'cancelViolation' | caSvg: 'common' : 'calendar'\"\n ></svg-icon>\n </div>\n } @else {\n @if (hasFilterCount) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center ta-font-extra-bold\"\n >\n {{ filterCount }}\n </div>\n } @else {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'confirm' | caSvg: 'input'\"\n ></svg-icon>\n </div>\n }\n }\n }\n </div>\n\n <div popoverContent class=\"main-popover-body\">\n @if (isCollapsibleFilter) {\n <app-ca-collapsible-filter\n (onTagEmit)=\"setFilterValue($event)\"\n [filterArray]=\"pmFilterArray\"\n [type]=\"type\"\n ></app-ca-collapsible-filter>\n }\n @if (!isButtonFilter && !isCollapsibleFilter) {\n <div\n [@showAnimation]=\"!!isFilterActive\"\n class=\"filter-holder d-flex justify-content-start align-items-start\"\n [class.state-filter]=\"type === 'stateFilter'\"\n [class.department-filter]=\"hasNoLeftIcon\"\n [class.status-filter]=\"type === 'statusFilter'\"\n [class.pm-filter]=\"hasLeftSideIcon\"\n [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n [class.money-filter]=\"\n type === 'moneyFilter' || type === 'milesFilter'\n \"\n [class.location-filter]=\"type === 'locationFilter'\"\n [class.w-126]=\"type === 'timeFilterDropdown'\"\n >\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n [class.activeHeader]=\"!isSearchExpanded\"\n [class.inactiveHeader]=\"isSearchExpanded\"\n >\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold text-size-11\"\n >\n {{ filterTitle | uppercase }}\n @if (\n (type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter') &&\n caDispatcherFilter?.selectedUser?.length\n ) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n caDispatcherFilter?.selectedUser?.length\n }}\n </div>\n }\n\n @if (\n 'userBox'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n @let filterResult =\n type\n | filterConditionsUserBox\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caStatusFilter\n : caPmFilter;\n @if (filterResult) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{ filterResult }}\n </div>\n }\n }\n </div>\n @if (\n 'sortItems'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n >\n {{\n type === 'statusFilter' ||\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n ? 'Count'\n : 'Name'\n }}\n <svg-icon\n class=\"sort-arrow ms-1 svg-size-18\"\n [class.rotate]=\"!isAscendingSortOrder\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (\n (type === 'truckFilter' ||\n type === 'truckTypeFilter' ||\n type === 'trailerFilter') &&\n isRepairFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text d-flex align-items-center justify-content-end\"\n >\n Count\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (type === 'stateFilter') {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n (caStateFilter\n ?.canadaSelectedStates)!\n .length +\n (caStateFilter\n ?.usaSelectedStates)!.length\n }}\n </div>\n } @else {\n <ng-template #searchState>\n @if (!searchState) {\n <div\n class=\"search-icon-holder svg-fill-light-grey-2 svg-hover-bw6-2 svg-size-17 d-flex justify-content-center align-items-center\"\n (click)=\"showSearch()\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"\n 'search'\n | caSvg: 'input'\n \"\n ></svg-icon>\n </div>\n }\n </ng-template>\n }\n }\n }\n </div>\n }\n <div class=\"filter-body-holder\">\n @switch (type) {\n @case ('moneyFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"true\"\n [isMilesFilter]=\"false\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n @case ('milesFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"false\"\n [isMilesFilter]=\"true\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n }\n\n @switch (type) {\n @case ('statusFilter') {\n <app-ca-status-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [loadStatusOptionsArray]=\"\n loadStatusOptionsArray\n \"\n >\n </app-ca-status-filter>\n }\n @case ('timeFilter') {\n <app-ca-time-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n >\n </app-ca-time-filter>\n }\n @case ('timeFilterDropdown') {\n <app-ca-time-filter-dropdown\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n [selectedTimeValue]=\"selectedTimeValue\"\n (itemSelected)=\"setFilterValue($event)\"\n >\n </app-ca-time-filter-dropdown>\n }\n @case ('dispatcherFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('driverFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('fuelStopFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('brokerFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('stateFilter') {\n <app-ca-state-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isSearchExpanded]=\"isSearchExpanded\"\n [usaStates]=\"usaStates\"\n [canadaStates]=\"canadaStates\"\n >\n </app-ca-state-filter>\n }\n @case ('truckTypeFilter') {\n <app-ca-truck-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isRepairFilter]=\"isRepairFilter\"\n [truckTypeArray]=\"truckTypeArray\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-truck-type-filter>\n }\n @case ('trailerTypeFilter') {\n <app-ca-trailer-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [trailerTypeArray]=\"trailerTypeArray\"\n [isRepairFilter]=\"isRepairFilter\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-trailer-type-filter>\n }\n @case ('pmFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('categoryRepairFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('fuelItemFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('departmentFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('parkingFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('tagFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('actionFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('labelFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('userFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('moduleFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('locationFilter') {\n <app-ca-location-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [addressList]=\"addressList\"\n [receivedAddressList]=\"receivedAddressList\"\n [receivedAddressData]=\"receivedAddressData\"\n (sentAddressData)=\"handleAddressData($event)\"\n (sentAddressValue)=\"handleAddressValue($event)\"\n >\n </app-ca-location-filter>\n }\n @case ('violationFilter') {\n <app-ca-violation-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-violation-filter>\n }\n }\n </div>\n\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"buttons-holder d-flex justify-content-between align-items-center\"\n [class.buttons-long]=\"type === 'locationFilter'\"\n >\n <div\n (click)=\"clearAllValues($event)\"\n class=\"button-clear text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsClear\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n \"\n >\n Clear All\n </div>\n <div\n (click)=\"setFilterValue($event)\"\n class=\"button-set text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsSet\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n : caTimeFilterDropdown\n \"\n >\n Set\n </div>\n </div>\n }\n </div>\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;padding:4px}.user-icon.time-filter .time-filter-arrow svg{display:flex!important}.user-icon.time-filter .time-filter-arrow svg path{fill:#6c6c6c!important}.user-icon.time-filter:hover .time-filter-title{color:#424242!important}.user-icon.time-filter:hover .time-filter-arrow svg path{fill:#424242!important}.user-icon .time-filter-arrow svg{display:flex!important}.user-icon .time-filter-arrow.rotate-arrow{rotate:180deg}.user-icon .time-filter-arrow.rotate-arrow svg path{fill:#ffffffb3!important}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;color:#fff}.user-icon.default-filter-state:hover{background-color:#eee}.user-icon.default-filter-state:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon.default-filter-state .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;color:#fff}.filter-holder .filter-header .user-title-text{color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:144px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:4px;width:300px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
14891
14892
|
// modules
|
|
14892
14893
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
14893
14894
|
// components
|
|
14894
|
-
CaMoneyFilterComponent, selector: "app-ca-money-filter", inputs: ["type", "subType", "isMoneyFilter", "isMilesFilter", "isFuelType", "isLoadType", "categoryType", "isRepairFilter", "isFilterActive"] }, { kind: "component", type: CaStatusFilterComponent, selector: "app-ca-status-filter", inputs: ["type", "isLegendView", "isFilterActive", "toDoSubType", "loadStatusOptionsArray"] }, { kind: "component", type: CaTimeFilterComponent, selector: "app-ca-time-filter", inputs: ["type", "timeSubType", "isFilterActive"] }, { kind: "component", type: CaDispatcherFilterComponent, selector: "app-ca-dispatcher-filter", inputs: ["type", "isFilterActive", "filterTitle", "hasLeftSideIcon", "toDoSubType", "unselectedUser", "isSearchExpanded"] }, { kind: "component", type: CaStateFilterComponent, selector: "app-ca-state-filter", inputs: ["type", "isFilterActive", "isSearchExpanded", "usaStates", "canadaStates"] }, { kind: "component", type: CaTruckTypeFilterComponent, selector: "app-ca-truck-type-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "truckTypeArray", "isRepairFilter", "isSearchExpanded"] }, { kind: "component", type: CaTrailerTypeFilterComponent, selector: "app-ca-trailer-type-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "trailerTypeArray", "isSearchExpanded", "isRepairFilter"] }, { kind: "component", type: CaPmFilterComponent, selector: "app-ca-pm-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "pmSubtype", "pmFilterArray"] }, { kind: "component", type: CaLocationFilterComponent, selector: "app-ca-location-filter", inputs: ["type", "toDoSubType", "isLegendView", "isFilterActive", "isAreaFilter", "addressList", "receivedAddressList", "receivedAddressData"], outputs: ["sentAddressValue", "sentAddressData"] }, { kind: "component", type: CaUserFilterComponent, selector: "app-ca-user-filter", inputs: ["type", "isFilterActive", "filterTitle", "hasLeftSideIcon", "toDoSubType", "userGroup", "isSearchExpanded"] }, { kind: "component", type: CaViolationFilterComponent, selector: "app-ca-violation-filter", inputs: ["type", "isFilterActive", "toDoSubType"] }, { kind: "component", type: CaAutoclosePopoverComponent, selector: "[app-ca-autoclose-popover]", inputs: ["isDisabled", "customClass", "autoClose", "placement"], outputs: ["closeFilter", "openFilter"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "component", type: CaCollapsibleFilterComponent, selector: "app-ca-collapsible-filter", inputs: ["isExpanded", "filterArray", "type"], outputs: ["onTagEmit"] }, { kind: "component", type: CaTimeFilterDropdownComponent, selector: "app-ca-time-filter-dropdown", inputs: ["type", "timeSubType", "isFilterActive"], outputs: ["itemSelected"] }, { kind: "pipe", type:
|
|
14895
|
+
CaMoneyFilterComponent, selector: "app-ca-money-filter", inputs: ["type", "subType", "isMoneyFilter", "isMilesFilter", "isFuelType", "isLoadType", "categoryType", "isRepairFilter", "isFilterActive"] }, { kind: "component", type: CaStatusFilterComponent, selector: "app-ca-status-filter", inputs: ["type", "isLegendView", "isFilterActive", "toDoSubType", "loadStatusOptionsArray"] }, { kind: "component", type: CaTimeFilterComponent, selector: "app-ca-time-filter", inputs: ["type", "timeSubType", "isFilterActive"] }, { kind: "component", type: CaDispatcherFilterComponent, selector: "app-ca-dispatcher-filter", inputs: ["type", "isFilterActive", "filterTitle", "hasLeftSideIcon", "toDoSubType", "unselectedUser", "isSearchExpanded"] }, { kind: "component", type: CaStateFilterComponent, selector: "app-ca-state-filter", inputs: ["type", "isFilterActive", "isSearchExpanded", "usaStates", "canadaStates"] }, { kind: "component", type: CaTruckTypeFilterComponent, selector: "app-ca-truck-type-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "truckTypeArray", "isRepairFilter", "isSearchExpanded"] }, { kind: "component", type: CaTrailerTypeFilterComponent, selector: "app-ca-trailer-type-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "trailerTypeArray", "isSearchExpanded", "isRepairFilter"] }, { kind: "component", type: CaPmFilterComponent, selector: "app-ca-pm-filter", inputs: ["type", "isFilterActive", "hasLeftSideIcon", "pmSubtype", "pmFilterArray"] }, { kind: "component", type: CaLocationFilterComponent, selector: "app-ca-location-filter", inputs: ["type", "toDoSubType", "isLegendView", "isFilterActive", "isAreaFilter", "addressList", "receivedAddressList", "receivedAddressData"], outputs: ["sentAddressValue", "sentAddressData"] }, { kind: "component", type: CaUserFilterComponent, selector: "app-ca-user-filter", inputs: ["type", "isFilterActive", "filterTitle", "hasLeftSideIcon", "toDoSubType", "userGroup", "isSearchExpanded"] }, { kind: "component", type: CaViolationFilterComponent, selector: "app-ca-violation-filter", inputs: ["type", "isFilterActive", "toDoSubType"] }, { kind: "component", type: CaAutoclosePopoverComponent, selector: "[app-ca-autoclose-popover]", inputs: ["isDisabled", "customClass", "autoClose", "placement"], outputs: ["closeFilter", "openFilter"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "component", type: CaCollapsibleFilterComponent, selector: "app-ca-collapsible-filter", inputs: ["isExpanded", "filterArray", "type"], outputs: ["onTagEmit"] }, { kind: "component", type: CaTimeFilterDropdownComponent, selector: "app-ca-time-filter-dropdown", inputs: ["type", "timeSubType", "isFilterActive", "selectedTimeValue"], outputs: ["itemSelected"] }, { kind: "pipe", type:
|
|
14895
14896
|
// pipes
|
|
14896
14897
|
FilterConditionsSetPipe, name: "filterConditionsSet" }, { kind: "pipe", type: FilterConditionsClearPipe, name: "filterConditionsClear" }, { kind: "pipe", type: FilterConditionsUserBoxPipe, name: "filterConditionsUserBox" }, { kind: "pipe", type: FilterPopoverConditionsPipe, name: "filterPopoverConditionsPipe" }, { kind: "pipe", type: CaSvgPipe, name: "caSvg" }], animations: [showAnimation('showAnimation'), closeForm('closeForm')] }); }
|
|
14897
14898
|
}
|
|
@@ -14925,7 +14926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
14925
14926
|
FilterConditionsUserBoxPipe,
|
|
14926
14927
|
FilterPopoverConditionsPipe,
|
|
14927
14928
|
CaSvgPipe,
|
|
14928
|
-
], encapsulation: ViewEncapsulation.Emulated, animations: [showAnimation('showAnimation'), closeForm('closeForm')], template: "<div\n class=\"user-icon d-flex justify-content-center align-items-center\"\n app-ca-autoclose-popover\n [customClass]=\"'filterpopovermain'\"\n [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n autoClose=\"outside\"\n (closeFilter)=\"onFilterClose()\"\n (openFilter)=\"onFilterShown()\"\n [ngClass]=\"{\n 'active-options': isFilterActive && type !== 'timeFilterDropdown',\n 'clear-colors': isHoverClosed,\n 'filter-active-colors':\n isFilterActiveColor && type !== 'timeFilterDropdown',\n 'active-collapsible':\n isCollapsibleFilter && type !== 'timeFilterDropdown',\n 'c-pointer': !isDisabled,\n 'default-filter-state':\n !isDisabled &&\n !isFilterActive &&\n !isHoverClosed &&\n !isFilterActiveColor,\n 'w-126': type === 'timeFilterDropdown',\n 'time-filter background-bw2 background-hover-bw-9':\n type === 'timeFilterDropdown' && !isFilterActive,\n 'background-black-2': type === 'timeFilterDropdown' && isFilterActive,\n }\"\n [isDisabled]=\"isDisabled\"\n (mouseenter)=\"isFilterHoveredOver = true\"\n (mouseleave)=\"isFilterHoveredOver = false\"\n>\n <div\n mainContent\n ngbTooltip\n mainCaTooltip=\"{{\n 'mainTooltip'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n }}\"\n position=\"bottom\"\n tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n tooltipTextAlign=\"center\"\n class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n [class]=\"{\n 'svg-fill-muted svg-hover-black': !isDisabled,\n }\"\n >\n <div\n [ngClass]=\"{\n 'd-flex align-items-center w-126 padding-x-6':\n type === 'timeFilterDropdown',\n }\"\n >\n @if (type !== 'timeFilterDropdown') {\n <svg-icon\n class=\"d-flex svg-size-14\"\n [class.svg-fill-light-grey-6]=\"isDisabled\"\n [src]=\"icon | caSvg: 'common'\"\n ></svg-icon>\n } @else {\n <div\n class=\"flex-1 time-filter-title text-size-14 ca-font-extra-bold\"\n [ngClass]=\"{\n 'text-color-white': isFilterActive,\n 'text-color-bw6-2': !isFilterActive,\n }\"\n >\n {{ timeFilter ?? 'Time Filter' }}\n </div>\n <svg-icon\n class=\"time-filter-arrow ms-1 svg-size-14\"\n [class.rotate-arrow]=\"isFilterActive\"\n [src]=\"'ic_arrow_input' | caSvg: 'common'\"\n ></svg-icon>\n }\n </div>\n @if (isFilterActiveColor && type !== 'timeFilterDropdown') {\n @if (isFilterHoveredOver) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n (mouseenter)=\"isHoverClosed = true\"\n (mouseleave)=\"isHoverClosed = false\"\n (click)=\"clearAllValues($event)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'cancelViolation' | caSvg: 'common' : 'calendar'\"\n ></svg-icon>\n </div>\n } @else {\n @if (hasFilterCount) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center ta-font-extra-bold\"\n >\n {{ filterCount }}\n </div>\n } @else {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'confirm' | caSvg: 'input'\"\n ></svg-icon>\n </div>\n }\n }\n }\n </div>\n\n <div popoverContent class=\"main-popover-body\">\n @if (isCollapsibleFilter) {\n <app-ca-collapsible-filter\n (onTagEmit)=\"setFilterValue($event)\"\n [filterArray]=\"pmFilterArray\"\n [type]=\"type\"\n ></app-ca-collapsible-filter>\n }\n @if (!isButtonFilter && !isCollapsibleFilter) {\n <div\n [@showAnimation]=\"!!isFilterActive\"\n class=\"filter-holder d-flex justify-content-start align-items-start\"\n [class.state-filter]=\"type === 'stateFilter'\"\n [class.department-filter]=\"hasNoLeftIcon\"\n [class.status-filter]=\"type === 'statusFilter'\"\n [class.pm-filter]=\"hasLeftSideIcon\"\n [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n [class.money-filter]=\"\n type === 'moneyFilter' || type === 'milesFilter'\n \"\n [class.location-filter]=\"type === 'locationFilter'\"\n [class.w-126]=\"type === 'timeFilterDropdown'\"\n >\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n [class.activeHeader]=\"!isSearchExpanded\"\n [class.inactiveHeader]=\"isSearchExpanded\"\n >\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold text-size-11\"\n >\n {{ filterTitle | uppercase }}\n @if (\n (type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter') &&\n caDispatcherFilter?.selectedUser?.length\n ) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n caDispatcherFilter?.selectedUser?.length\n }}\n </div>\n }\n\n @if (\n 'userBox'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n @let filterResult =\n type\n | filterConditionsUserBox\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caStatusFilter\n : caPmFilter;\n @if (filterResult) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{ filterResult }}\n </div>\n }\n }\n </div>\n @if (\n 'sortItems'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n >\n {{\n type === 'statusFilter' ||\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n ? 'Count'\n : 'Name'\n }}\n <svg-icon\n class=\"sort-arrow ms-1 svg-size-18\"\n [class.rotate]=\"!isAscendingSortOrder\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (\n (type === 'truckFilter' ||\n type === 'truckTypeFilter' ||\n type === 'trailerFilter') &&\n isRepairFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text d-flex align-items-center justify-content-end\"\n >\n Count\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (type === 'stateFilter') {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n (caStateFilter\n ?.canadaSelectedStates)!\n .length +\n (caStateFilter\n ?.usaSelectedStates)!.length\n }}\n </div>\n } @else {\n <ng-template #searchState>\n @if (!searchState) {\n <div\n class=\"search-icon-holder svg-fill-light-grey-2 svg-hover-bw6-2 svg-size-17 d-flex justify-content-center align-items-center\"\n (click)=\"showSearch()\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"\n 'search'\n | caSvg: 'input'\n \"\n ></svg-icon>\n </div>\n }\n </ng-template>\n }\n }\n }\n </div>\n }\n <div class=\"filter-body-holder\">\n @switch (type) {\n @case ('moneyFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"true\"\n [isMilesFilter]=\"false\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n @case ('milesFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"false\"\n [isMilesFilter]=\"true\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n }\n\n @switch (type) {\n @case ('statusFilter') {\n <app-ca-status-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [loadStatusOptionsArray]=\"\n loadStatusOptionsArray\n \"\n >\n </app-ca-status-filter>\n }\n @case ('timeFilter') {\n <app-ca-time-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n >\n </app-ca-time-filter>\n }\n @case ('timeFilterDropdown') {\n <app-ca-time-filter-dropdown\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n (itemSelected)=\"setFilterValue($event)\"\n >\n </app-ca-time-filter-dropdown>\n }\n @case ('dispatcherFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('driverFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('fuelStopFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('brokerFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('stateFilter') {\n <app-ca-state-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isSearchExpanded]=\"isSearchExpanded\"\n [usaStates]=\"usaStates\"\n [canadaStates]=\"canadaStates\"\n >\n </app-ca-state-filter>\n }\n @case ('truckTypeFilter') {\n <app-ca-truck-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isRepairFilter]=\"isRepairFilter\"\n [truckTypeArray]=\"truckTypeArray\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-truck-type-filter>\n }\n @case ('trailerTypeFilter') {\n <app-ca-trailer-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [trailerTypeArray]=\"trailerTypeArray\"\n [isRepairFilter]=\"isRepairFilter\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-trailer-type-filter>\n }\n @case ('pmFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('categoryRepairFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('fuelItemFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('departmentFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('parkingFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('tagFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('actionFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('labelFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('userFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('moduleFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('locationFilter') {\n <app-ca-location-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [addressList]=\"addressList\"\n [receivedAddressList]=\"receivedAddressList\"\n [receivedAddressData]=\"receivedAddressData\"\n (sentAddressData)=\"handleAddressData($event)\"\n (sentAddressValue)=\"handleAddressValue($event)\"\n >\n </app-ca-location-filter>\n }\n @case ('violationFilter') {\n <app-ca-violation-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-violation-filter>\n }\n }\n </div>\n\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"buttons-holder d-flex justify-content-between align-items-center\"\n [class.buttons-long]=\"type === 'locationFilter'\"\n >\n <div\n (click)=\"clearAllValues($event)\"\n class=\"button-clear text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsClear\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n \"\n >\n Clear All\n </div>\n <div\n (click)=\"setFilterValue($event)\"\n class=\"button-set text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsSet\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n : caTimeFilterDropdown\n \"\n >\n Set\n </div>\n </div>\n }\n </div>\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;padding:4px}.user-icon.time-filter .time-filter-arrow svg{display:flex!important}.user-icon.time-filter .time-filter-arrow svg path{fill:#6c6c6c!important}.user-icon.time-filter:hover .time-filter-title{color:#424242!important}.user-icon.time-filter:hover .time-filter-arrow svg path{fill:#424242!important}.user-icon .time-filter-arrow svg{display:flex!important}.user-icon .time-filter-arrow.rotate-arrow{rotate:180deg}.user-icon .time-filter-arrow.rotate-arrow svg path{fill:#ffffffb3!important}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;color:#fff}.user-icon.default-filter-state:hover{background-color:#eee}.user-icon.default-filter-state:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon.default-filter-state .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;color:#fff}.filter-holder .filter-header .user-title-text{color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:144px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:4px;width:300px}\n"] }]
|
|
14929
|
+
], encapsulation: ViewEncapsulation.Emulated, animations: [showAnimation('showAnimation'), closeForm('closeForm')], template: "<div\n class=\"user-icon d-flex justify-content-center align-items-center\"\n app-ca-autoclose-popover\n [customClass]=\"'filterpopovermain'\"\n [placement]=\"isCollapsibleFilter ? 'right' : 'bottom-left'\"\n autoClose=\"outside\"\n (closeFilter)=\"onFilterClose()\"\n (openFilter)=\"onFilterShown()\"\n [ngClass]=\"{\n 'active-options': isFilterActive && type !== 'timeFilterDropdown',\n 'clear-colors': isHoverClosed,\n 'filter-active-colors':\n isFilterActiveColor && type !== 'timeFilterDropdown',\n 'active-collapsible':\n isCollapsibleFilter && type !== 'timeFilterDropdown',\n 'c-pointer': !isDisabled,\n 'default-filter-state':\n !isDisabled &&\n !isFilterActive &&\n !isHoverClosed &&\n !isFilterActiveColor,\n 'w-126': type === 'timeFilterDropdown',\n 'time-filter background-bw2 background-hover-bw-9':\n type === 'timeFilterDropdown' && !isFilterActive,\n 'background-black-2': type === 'timeFilterDropdown' && isFilterActive,\n }\"\n [isDisabled]=\"isDisabled\"\n (mouseenter)=\"isFilterHoveredOver = true\"\n (mouseleave)=\"isFilterHoveredOver = false\"\n>\n <div\n mainContent\n ngbTooltip\n mainCaTooltip=\"{{\n 'mainTooltip'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n }}\"\n position=\"bottom\"\n tooltipBackground=\"{{ isFilterActive ? '#CCCCCC' : '#2F2F2F' }}\"\n tooltipColor=\"{{ isFilterActive ? '#2F2F2F' : '#FFFFFF' }}\"\n tooltipTextAlign=\"center\"\n class=\"main-icon-holder d-flex justify-content-center align-items-center\"\n [class]=\"{\n 'svg-fill-muted svg-hover-black': !isDisabled,\n }\"\n >\n <div\n [ngClass]=\"{\n 'd-flex align-items-center w-126 padding-x-6':\n type === 'timeFilterDropdown',\n }\"\n >\n @if (type !== 'timeFilterDropdown') {\n <svg-icon\n class=\"d-flex svg-size-14\"\n [class.svg-fill-light-grey-6]=\"isDisabled\"\n [src]=\"icon | caSvg: 'common'\"\n ></svg-icon>\n } @else {\n <div\n class=\"flex-1 time-filter-title text-size-14 ca-font-extra-bold\"\n [ngClass]=\"{\n 'text-color-white': isFilterActive,\n 'text-color-bw6-2': !isFilterActive,\n }\"\n >\n {{ selectedTimeValue ?? 'Time Filter' }}\n </div>\n <svg-icon\n class=\"time-filter-arrow ms-1 svg-size-14\"\n [class.rotate-arrow]=\"isFilterActive\"\n [src]=\"'ic_arrow_input' | caSvg: 'common'\"\n ></svg-icon>\n }\n </div>\n @if (isFilterActiveColor && type !== 'timeFilterDropdown') {\n @if (isFilterHoveredOver) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n (mouseenter)=\"isHoverClosed = true\"\n (mouseleave)=\"isHoverClosed = false\"\n (click)=\"clearAllValues($event)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'cancelViolation' | caSvg: 'common' : 'calendar'\"\n ></svg-icon>\n </div>\n } @else {\n @if (hasFilterCount) {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center ta-font-extra-bold\"\n >\n {{ filterCount }}\n </div>\n } @else {\n <div\n class=\"filters-selected-value-holder svg-size-14 text-size-11 d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'confirm' | caSvg: 'input'\"\n ></svg-icon>\n </div>\n }\n }\n }\n </div>\n\n <div popoverContent class=\"main-popover-body\">\n @if (isCollapsibleFilter) {\n <app-ca-collapsible-filter\n (onTagEmit)=\"setFilterValue($event)\"\n [filterArray]=\"pmFilterArray\"\n [type]=\"type\"\n ></app-ca-collapsible-filter>\n }\n @if (!isButtonFilter && !isCollapsibleFilter) {\n <div\n [@showAnimation]=\"!!isFilterActive\"\n class=\"filter-holder d-flex justify-content-start align-items-start\"\n [class.state-filter]=\"type === 'stateFilter'\"\n [class.department-filter]=\"hasNoLeftIcon\"\n [class.status-filter]=\"type === 'statusFilter'\"\n [class.pm-filter]=\"hasLeftSideIcon\"\n [class.truck-icon-holder]=\"hasLargeLeftIcon\"\n [class.money-filter]=\"\n type === 'moneyFilter' || type === 'milesFilter'\n \"\n [class.location-filter]=\"type === 'locationFilter'\"\n [class.w-126]=\"type === 'timeFilterDropdown'\"\n >\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"filter-header filter-text-part d-flex justify-content-between align-items-center\"\n [class.activeHeader]=\"!isSearchExpanded\"\n [class.inactiveHeader]=\"isSearchExpanded\"\n >\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold text-size-11\"\n >\n {{ filterTitle | uppercase }}\n @if (\n (type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter') &&\n caDispatcherFilter?.selectedUser?.length\n ) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n caDispatcherFilter?.selectedUser?.length\n }}\n </div>\n }\n\n @if (\n 'userBox'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n @let filterResult =\n type\n | filterConditionsUserBox\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caStatusFilter\n : caPmFilter;\n @if (filterResult) {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{ filterResult }}\n </div>\n }\n }\n </div>\n @if (\n 'sortItems'\n | filterPopoverConditionsPipe\n : getComponentInstance()\n : caMoneyFilter\n : caStatusFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text ta-font-medium d-flex align-items-center justify-content-end\"\n >\n {{\n type === 'statusFilter' ||\n type === 'dispatcherFilter' ||\n type === 'driverFilter' ||\n type === 'fuelStopFilter' ||\n type === 'brokerFilter'\n ? 'Count'\n : 'Name'\n }}\n <svg-icon\n class=\"sort-arrow ms-1 svg-size-18\"\n [class.rotate]=\"!isAscendingSortOrder\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (\n (type === 'truckFilter' ||\n type === 'truckTypeFilter' ||\n type === 'trailerFilter') &&\n isRepairFilter\n ) {\n <div\n (click)=\"sortItems()\"\n class=\"user-title-text text-size-11 sort-text d-flex align-items-center justify-content-end\"\n >\n Count\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n } @else {\n @if (type === 'stateFilter') {\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1 text-size-11\"\n >\n {{\n (caStateFilter\n ?.canadaSelectedStates)!\n .length +\n (caStateFilter\n ?.usaSelectedStates)!.length\n }}\n </div>\n } @else {\n <ng-template #searchState>\n @if (!searchState) {\n <div\n class=\"search-icon-holder svg-fill-light-grey-2 svg-hover-bw6-2 svg-size-17 d-flex justify-content-center align-items-center\"\n (click)=\"showSearch()\"\n >\n <svg-icon\n class=\"d-flex svg-size-14\"\n [src]=\"\n 'search'\n | caSvg: 'input'\n \"\n ></svg-icon>\n </div>\n }\n </ng-template>\n }\n }\n }\n </div>\n }\n <div class=\"filter-body-holder\">\n @switch (type) {\n @case ('moneyFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"true\"\n [isMilesFilter]=\"false\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n @case ('milesFilter') {\n <app-ca-money-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [isMoneyFilter]=\"false\"\n [isMilesFilter]=\"true\"\n [isFuelType]=\"isFuelType\"\n [isLoadType]=\"isLoadType\"\n [subType]=\"subType\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-money-filter>\n }\n }\n\n @switch (type) {\n @case ('statusFilter') {\n <app-ca-status-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [loadStatusOptionsArray]=\"\n loadStatusOptionsArray\n \"\n >\n </app-ca-status-filter>\n }\n @case ('timeFilter') {\n <app-ca-time-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n >\n </app-ca-time-filter>\n }\n @case ('timeFilterDropdown') {\n <app-ca-time-filter-dropdown\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [timeSubType]=\"timeSubType\"\n [selectedTimeValue]=\"selectedTimeValue\"\n (itemSelected)=\"setFilterValue($event)\"\n >\n </app-ca-time-filter-dropdown>\n }\n @case ('dispatcherFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('driverFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('fuelStopFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('brokerFilter') {\n <app-ca-dispatcher-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [unselectedUser]=\"unselectedUser\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-dispatcher-filter>\n }\n @case ('stateFilter') {\n <app-ca-state-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isSearchExpanded]=\"isSearchExpanded\"\n [usaStates]=\"usaStates\"\n [canadaStates]=\"canadaStates\"\n >\n </app-ca-state-filter>\n }\n @case ('truckTypeFilter') {\n <app-ca-truck-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [isRepairFilter]=\"isRepairFilter\"\n [truckTypeArray]=\"truckTypeArray\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-truck-type-filter>\n }\n @case ('trailerTypeFilter') {\n <app-ca-trailer-type-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [trailerTypeArray]=\"trailerTypeArray\"\n [isRepairFilter]=\"isRepairFilter\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-trailer-type-filter>\n }\n @case ('pmFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('categoryRepairFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('fuelItemFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('departmentFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('parkingFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('tagFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('actionFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('labelFilter') {\n <app-ca-pm-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [pmFilterArray]=\"pmFilterArray\"\n >\n </app-ca-pm-filter>\n }\n @case ('userFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('moduleFilter') {\n <app-ca-user-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [userGroup]=\"userGroup\"\n [isSearchExpanded]=\"isSearchExpanded\"\n >\n </app-ca-user-filter>\n }\n @case ('locationFilter') {\n <app-ca-location-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n [addressList]=\"addressList\"\n [receivedAddressList]=\"receivedAddressList\"\n [receivedAddressData]=\"receivedAddressData\"\n (sentAddressData)=\"handleAddressData($event)\"\n (sentAddressValue)=\"handleAddressValue($event)\"\n >\n </app-ca-location-filter>\n }\n @case ('violationFilter') {\n <app-ca-violation-filter\n (setFilter)=\"setFilterValue($event)\"\n (clearAll)=\"clearAllValues($event)\"\n [type]=\"type\"\n [isFilterActive]=\"isFilterActive\"\n >\n </app-ca-violation-filter>\n }\n }\n </div>\n\n @if (type !== 'timeFilterDropdown') {\n <div\n class=\"buttons-holder d-flex justify-content-between align-items-center\"\n [class.buttons-long]=\"type === 'locationFilter'\"\n >\n <div\n (click)=\"clearAllValues($event)\"\n class=\"button-clear text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsClear\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n \"\n >\n Clear All\n </div>\n <div\n (click)=\"setFilterValue($event)\"\n class=\"button-set text-size-11 d-flex justify-content-center align-items-center ca-font-bold\"\n [class.active]=\"\n type\n | filterConditionsSet\n : caMoneyFilter\n : caStatusFilter\n : caTimeFilter\n : caDispatcherFilter\n : caStateFilter\n : caTruckTypeFilter\n : caTrailerTypeFilter\n : caPmFilter\n : caLocationFilter\n : caUserFilter\n : caViolationFilter\n : caTimeFilterDropdown\n \"\n >\n Set\n </div>\n </div>\n }\n </div>\n }\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.user-icon{position:relative;width:fit-content;min-width:26px;border-radius:2px;padding:4px}.user-icon.time-filter .time-filter-arrow svg{display:flex!important}.user-icon.time-filter .time-filter-arrow svg path{fill:#6c6c6c!important}.user-icon.time-filter:hover .time-filter-title{color:#424242!important}.user-icon.time-filter:hover .time-filter-arrow svg path{fill:#424242!important}.user-icon .time-filter-arrow svg{display:flex!important}.user-icon .time-filter-arrow.rotate-arrow{rotate:180deg}.user-icon .time-filter-arrow.rotate-arrow svg path{fill:#ffffffb3!important}.user-icon .main-icon-holder{gap:4px}.user-icon .main-icon-holder .filters-selected-value-holder{width:14px;height:14px;color:#fff}.user-icon.default-filter-state:hover{background-color:#eee}.user-icon.default-filter-state:hover .main-icon-holder svg-icon svg path{fill:#424242!important}.user-icon.default-filter-state .main-icon-holder svg-icon svg path{fill:#919191!important}.user-icon.active-collapsible{background-color:#2f2f2f}.user-icon.active-options{background-color:#424242}.user-icon.active-options .main-icon-holder svg-icon svg path{fill:#ffffff70!important}.user-icon.active-options .clear-filter{display:none!important}.user-icon.active-options:hover .main-icon-holder svg-icon svg path{fill:#fff!important}.user-icon.filter-active-colors{background-color:#3b73ed}.user-icon.filter-active-colors .main-icon-holder svg-icon svg path{fill:#bed0f9!important}.user-icon.filter-active-colors .main-icon-holder svg-icon:hover svg path{fill:#fff!important}.user-icon.filter-active-colors:hover{background-color:#0b49d1!important;transition:.2s all}.user-icon.clear-colors{background:#3b73ed!important}.user-icon.clear-colors:hover{background:#0b49d1!important}.filter-holder{position:relative;width:260px;padding:4px;border-radius:3px;background-color:#2f2f2f;box-shadow:0 0 4px #00000026;flex-direction:column;overflow:hidden}.filter-holder .filter-header{position:relative;width:100%;padding-top:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .filter-header .user-filter-box{width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;color:#fff}.filter-holder .filter-header .user-title-text{color:#fff;padding:0 4px;box-sizing:border-box}.filter-holder .filter-header .user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.filter-holder .filter-header .user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.filter-holder .filter-header .user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.filter-holder .filter-header .search-icon-holder{position:absolute;width:18px;height:18px;width:252px;top:3px;right:4px;cursor:pointer}.filter-holder .filter-body-holder{width:100%}.filter-holder .buttons-long .buttons-holder{padding:0}.filter-holder .buttons-long .button-clear,.filter-holder .buttons-long .button-set{width:144px!important}.filter-holder .buttons-holder{width:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.filter-holder .buttons-holder .button-clear{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-clear.active{cursor:pointer;color:#fff}.filter-holder .buttons-holder .button-clear.active:hover{cursor:pointer;background-color:#eee;color:#424242}.filter-holder .buttons-holder .button-set{width:124px;height:18px;border-radius:1px;background-color:#424242;color:#919191;text-transform:uppercase}.filter-holder .buttons-holder .button-set.active{background-color:#3b73ed;color:#fff;cursor:pointer}.filter-holder .buttons-holder .button-set.active:hover{cursor:pointer;background-color:#e9effd;color:#0b49d1}.money-filter{padding:5px 6px 6px;width:300px}.money-filter .button-clear,.money-filter .button-set{width:142px!important}.location-filter{padding:4px;width:300px}\n"] }]
|
|
14929
14930
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { t2: [{
|
|
14930
14931
|
type: ViewChild,
|
|
14931
14932
|
args: ['t2']
|
|
@@ -14991,6 +14992,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
14991
14992
|
type: Input
|
|
14992
14993
|
}], pmFilterArray: [{
|
|
14993
14994
|
type: Input
|
|
14995
|
+
}], selectedTimeValue: [{
|
|
14996
|
+
type: Input
|
|
14994
14997
|
}], isRepairFilter: [{
|
|
14995
14998
|
type: Input
|
|
14996
14999
|
}], hasNoLeftIcon: [{
|
|
@@ -23228,6 +23231,7 @@ class ProgressBarSvgRoutes {
|
|
|
23228
23231
|
}
|
|
23229
23232
|
|
|
23230
23233
|
class SharedSvgRoutes {
|
|
23234
|
+
static { this.COMMON_FOLDER_ROUTE = 'assets/ca-components/svg/common/'; }
|
|
23231
23235
|
static { this.ARROW_DOWN_SORT = 'assets/ca-components/svg/common/ic_arrow_sort.svg'; }
|
|
23232
23236
|
static { this.ARROW_UP_SORT = 'assets/ca-components/svg/common/ic_arrow_desc.svg'; }
|
|
23233
23237
|
static { this.SORT_ARROWS_ICON = 'assets/ca-components/svg/common/ic_sort_arrows.svg'; }
|
|
@@ -28662,7 +28666,7 @@ class CaRightSidePanelTopBarComponent {
|
|
|
28662
28666
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaRightSidePanelTopBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28663
28667
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaRightSidePanelTopBarComponent, isStandalone: true, selector: "app-ca-right-side-panel-top-bar", inputs: { selectedModule: "selectedModule", usersFilter: "usersFilter", modulesFilter: "modulesFilter", actionsFilter: "actionsFilter", resetFilters: "resetFilters", companyList: "companyList", selectedCompanyId: "selectedCompanyId" }, outputs: { selectedTab: "selectedTab", activityLogFilterParams: "activityLogFilterParams", selectedDivisionId: "selectedDivisionId", selectedMainCompanyId: "selectedMainCompanyId" }, ngImport: i0, template: "<div class=\"side-panel-top-bar-container-box d-flex justify-content-between\">\n @switch (selectedModule) {\n @case (SelectedModule.ACTIVITY_LOG) {\n <ng-container\n *ngTemplateOutlet=\"activityLogTemplate\"\n ></ng-container>\n }\n @case (SelectedModule.COMPANY_INFO) {\n <ng-container *ngTemplateOutlet=\"companyTemplate\"></ng-container>\n }\n @case (SelectedModule.DIVISION_INFO) {\n <ng-container *ngTemplateOutlet=\"companyTemplate\"></ng-container>\n }\n }\n\n <ng-template #activityLogTemplate>\n <div class=\"tab-filter-container d-flex align-items-center\">\n <ng-container>\n <div class=\"tab-container d-flex\">\n <div\n class=\"tab-icon-container d-flex align-items-center justify-content-center\"\n (mouseover)=\"\n onHoverTabActivityLog(\n RightSidePanelCurrentTab.PERSONAL\n )\n \"\n (mouseleave)=\"onHoverLeaveActivityLog()\"\n (click)=\"switchTab(RightSidePanelCurrentTab.PERSONAL)\"\n [ngClass]=\"{\n active:\n currentTabActivityLog ===\n RightSidePanelCurrentTab.PERSONAL,\n 'active-non-hovered':\n currentTabActivityLog ===\n RightSidePanelCurrentTab.PERSONAL &&\n hoveredActivityLogTab &&\n hoveredActivityLogTab !==\n RightSidePanelCurrentTab.PERSONAL,\n hovered:\n currentTabActivityLog !==\n RightSidePanelCurrentTab.PERSONAL &&\n hoveredActivityLogTab ===\n RightSidePanelCurrentTab.PERSONAL,\n }\"\n ngbTooltip\n mainCaTooltip=\"Personal\"\n position=\"bottom\"\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n tooltipTextAlign=\"center\"\n >\n <svg-icon\n class=\"tab-icon d-flex align-items-center justify-content-center svg-size-18\"\n [src]=\"'ic_user2' | caSvg: 'right-side-panel'\"\n ></svg-icon>\n </div>\n\n <div\n class=\"tab-icon-container d-flex align-items-center justify-content-center\"\n (mouseover)=\"\n onHoverTabActivityLog(RightSidePanelCurrentTab.ALL)\n \"\n (mouseleave)=\"onHoverLeaveActivityLog()\"\n (click)=\"switchTab(RightSidePanelCurrentTab.ALL)\"\n [ngClass]=\"{\n active:\n currentTabActivityLog ===\n RightSidePanelCurrentTab.ALL,\n 'active-non-hovered':\n currentTabActivityLog ===\n RightSidePanelCurrentTab.ALL &&\n hoveredActivityLogTab &&\n hoveredActivityLogTab !==\n RightSidePanelCurrentTab.ALL,\n hovered:\n currentTabActivityLog !==\n RightSidePanelCurrentTab.ALL &&\n hoveredActivityLogTab ===\n RightSidePanelCurrentTab.ALL,\n }\"\n ngbTooltip\n mainCaTooltip=\"All User\"\n position=\"bottom\"\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n tooltipTextAlign=\"center\"\n >\n <svg-icon\n class=\"tab-icon d-flex align-items-center justify-content-center svg-size-18\"\n [src]=\"'ic_people' | caSvg: 'right-side-panel'\"\n ></svg-icon>\n </div>\n </div>\n <div class=\"vertical-line\"></div>\n </ng-container>\n <div\n class=\"filter-container d-flex align-items-center justify-content-center\"\n >\n @if (currentTabActivityLog === RightSidePanelCurrentTab.ALL) {\n <div class=\"user-filter\">\n <app-ca-filter\n [type]=\"'userFilter'\"\n [subType]=\"''\"\n [filterTitle]=\"'User Filter'\"\n [icon]=\"'user'\"\n [userGroup]=\"_usersFilter\"\n (setFilter)=\"setUserFilters($event)\"\n (clearAll)=\"clearAll($event)\"\n ></app-ca-filter>\n </div>\n }\n\n <div class=\"module-filter\">\n <app-ca-filter\n [type]=\"'moduleFilter'\"\n [subType]=\"''\"\n [filterTitle]=\"'Module Filter'\"\n [icon]=\"'module'\"\n [userGroup]=\"_modulesFilter\"\n (setFilter)=\"setModuleFilters($event)\"\n (clearAll)=\"clearAll($event)\"\n ></app-ca-filter>\n </div>\n <div class=\"action-filter\">\n <app-ca-filter\n [type]=\"'actionFilter'\"\n [subType]=\"''\"\n [filterTitle]=\"'Action Filter'\"\n [icon]=\"'action'\"\n [pmFilterArray]=\"_actionsFilter\"\n (clearAll)=\"clearAll($event)\"\n ></app-ca-filter>\n </div>\n <div class=\"time-filter\">\n <app-ca-filter\n [type]=\"'timeFilter'\"\n [timeSubType]=\"'short'\"\n [subType]=\"''\"\n [filterTitle]=\"'Time Filter'\"\n [icon]=\"'ic_time'\"\n (setFilter)=\"setTimeFilters($event)\"\n (clearAll)=\"clearAll($event)\"\n ></app-ca-filter>\n </div>\n </div>\n </div>\n <div class=\"actions-container d-flex align-items-center\">\n <div\n class=\"sort-activities-date d-flex justify-content-center align-items-center\"\n (click)=\"sortDate()\"\n ngbTooltip\n mainCaTooltip=\"{{\n _activityLogFilterParams.sort ===\n ActivityLogSortType.DESCENDING\n ? 'Date Descending'\n : 'Date Ascending'\n }}\"\n position=\"bottom\"\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n tooltipTextAlign=\"center\"\n >\n <svg-icon\n class=\"activity-sort-arrow svg-size-16\"\n [class.rotate]=\"!activitySortOrderAsc\"\n [src]=\"RightSidePanelTopBarSvgRoutes.icons.sortArrowFilter\"\n ></svg-icon>\n </div>\n <div class=\"vertical-line\"></div>\n <div\n class=\"reload-activities d-flex justify-content-center align-items-center\"\n (click)=\"reloadActivities()\"\n >\n <svg-icon\n class=\"svg-size-16\"\n [src]=\"'ic_reload_refresh' | caSvg: 'right-side-panel'\"\n ></svg-icon>\n </div>\n </div>\n </ng-template>\n\n <ng-template #companyTemplate>\n <div class=\"tab-filter-container d-flex align-items-center\">\n @if (_companyList) {\n @for (company of _companyList; let indx = $index; track indx) {\n <div class=\"tab-container d-flex\">\n <div\n class=\"tab-icon-container d-flex align-items-center justify-content-center\"\n (mouseover)=\"onHoverTabCompany(company.id)\"\n (mouseleave)=\"onHoverLeaveCompany()\"\n (click)=\"\n switchTabCompany(company.id, company.isDivision)\n \"\n [ngClass]=\"{\n active: currentTabCompany === company.id,\n 'active-non-hovered':\n currentTabCompany === company.id &&\n hoveredCompanyId &&\n hoveredCompanyId !== company.id,\n hovered:\n currentTabCompany !== company.id &&\n hoveredCompanyId === company.id,\n }\"\n ngbTooltip\n [mainCaTooltip]=\"company.companyName\"\n position=\"bottom\"\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n tooltipTextAlign=\"center\"\n >\n <svg-icon\n class=\"tab-icon d-flex align-items-center justify-content-center svg-size-18\"\n [src]=\"\n company.isDivision\n ? ('ic_company_division'\n | caSvg: 'right-side-panel')\n : ('ic_company'\n | caSvg: 'right-side-panel')\n \"\n ></svg-icon>\n </div>\n </div>\n }\n }\n </div>\n <div class=\"actions-container d-flex align-items-center\">\n <div\n class=\"add-company-btn d-flex justify-content-center align-items-center\"\n (click)=\"reloadActivities()\"\n >\n <svg-icon\n class=\"svg-size-16\"\n [src]=\"'ic_plus' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n </ng-template>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.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-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}.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-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-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-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-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}@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}.side-panel-top-bar-container-box{width:350px;height:34px;box-shadow:0 0 6px #0000004d;border-radius:3px;padding:4px;background-color:#fff}.side-panel-top-bar-container-box .tab-filter-container .tab-container{background-color:#eee;gap:4px;border-radius:2px;cursor:pointer}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container{padding:4px;border-radius:2px;transition:all .2s ease-in}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container .tab-icon svg path{fill:#919191}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.active{background-color:#6c6c6c}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.active .tab-icon svg path{fill:#fff}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.hovered{background-color:#424242}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.hovered .tab-icon svg path{fill:#fff}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.active-non-hovered{background-color:#eee}.side-panel-top-bar-container-box .tab-filter-container .tab-container .tab-icon-container.active-non-hovered .tab-icon svg path{fill:#424242}.side-panel-top-bar-container-box .tab-filter-container .filter-container .filter-item{width:26px;height:26px}.side-panel-top-bar-container-box .actions-container{gap:4px}.side-panel-top-bar-container-box .actions-container .sort-activities-date{padding:0 4px;cursor:pointer}.side-panel-top-bar-container-box .actions-container .sort-activities-date svg path{fill:#919191}.side-panel-top-bar-container-box .actions-container .sort-activities-date:hover svg path{fill:#424242}.side-panel-top-bar-container-box .actions-container .sort-activities-date .activity-sort-arrow{transform:rotate(0);transition:transform .2s}.side-panel-top-bar-container-box .actions-container .sort-activities-date .activity-sort-arrow.rotate{transform:rotate(180deg)}.side-panel-top-bar-container-box .actions-container .reload-activities{padding:0 4px;cursor:pointer}.side-panel-top-bar-container-box .actions-container .reload-activities svg path{fill:#919191}.side-panel-top-bar-container-box .actions-container .reload-activities:hover svg path{fill:#424242}.side-panel-top-bar-container-box .actions-container .add-company-btn{padding:0 4px;cursor:pointer}.side-panel-top-bar-container-box .actions-container .add-company-btn svg path{fill:#6692f1}.side-panel-top-bar-container-box .actions-container .add-company-btn:hover svg path{fill:#0b49d1}.side-panel-top-bar-container-box .vertical-line{height:18px;width:1px;background-color:#fff;margin:0 4px}\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: "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: HttpClientModule }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
28664
28668
|
// components
|
|
28665
|
-
CaFilterComponent, selector: "app-ca-filter", inputs: ["type", "isDisabled", "timeSubType", "subType", "unselectedUser", "userGroup", "loadStatusOptionsArray", "truckTypeArray", "trailerTypeArray", "pmFilterArray", "isRepairFilter", "hasNoLeftIcon", "hasLeftSideIcon", "hasLargeLeftIcon", "isMoneyFilter", "isMilesFilter", "isButtonFilter", "isFuelType", "isLoadType", "isCollapsibleFilter", "filterTitle", "icon", "addressList", "receivedAddressList", "receivedAddressData", "usaStates", "canadaStates"], outputs: ["sentAddressValue", "sentAddressData", "setFilter", "clearAll"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type:
|
|
28669
|
+
CaFilterComponent, selector: "app-ca-filter", inputs: ["type", "isDisabled", "timeSubType", "subType", "unselectedUser", "userGroup", "loadStatusOptionsArray", "truckTypeArray", "trailerTypeArray", "pmFilterArray", "selectedTimeValue", "isRepairFilter", "hasNoLeftIcon", "hasLeftSideIcon", "hasLargeLeftIcon", "isMoneyFilter", "isMilesFilter", "isButtonFilter", "isFuelType", "isLoadType", "isCollapsibleFilter", "filterTitle", "icon", "addressList", "receivedAddressList", "receivedAddressData", "usaStates", "canadaStates"], outputs: ["sentAddressValue", "sentAddressData", "setFilter", "clearAll"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type:
|
|
28666
28670
|
// pipes
|
|
28667
28671
|
CaSvgPipe, name: "caSvg" }] }); }
|
|
28668
28672
|
}
|
|
@@ -31698,7 +31702,7 @@ class CaTableCardViewComponent {
|
|
|
31698
31702
|
this.showMore.emit();
|
|
31699
31703
|
}
|
|
31700
31704
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaTableCardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31701
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaTableCardViewComponent, isStandalone: true, selector: "ca-table-card-view", inputs: { frontSide: "frontSide", backSide: "backSide", titleIcon: "titleIcon", viewData: "viewData", cardTitle: "cardTitle", totalDataCount: "totalDataCount", cardsFlipType: "cardsFlipType", isDropdownMenuHidden: "isDropdownMenuHidden", isSelectHidden: "isSelectHidden", showBackSide: "showBackSide", dropdownMenuOptions: "dropdownMenuOptions" }, outputs: { showMore: "showMore", selectCard: "selectCard", cardTitleClick: "cardTitleClick", dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n @for (card of _viewData; let i = $index; track $index) {\n <div class=\"custom-card br-3 bg-white\">\n <div\n class=\"card-body m-1 d-flex justify-content-between\"\n [ngClass]=\"{\n 'background-gray background-hover-gray': card.isSelected,\n 'background-hover-bw2': !card.isSelected,\n }\"\n >\n <!-- Left side of the card -->\n\n <div class=\"card-body-left p-1\">\n <!-- Head of the card -->\n\n <div\n class=\"card-header d-flex align-items-center\"\n [class.select-hidden]=\"isSelectHidden\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <!-- Checkbox -->\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n [ngClass]=\"{\n 'rotate-svg':\n isCardFlippedCheckInCards?.includes(i),\n 'svg-position':\n !isCardFlippedCheckInCards?.includes(i),\n }\"\n [ngStyle]=\"{\n '--svg-fill-color':\n isCardFlippedCheckInCards?.includes(i)\n ? '#3b73ed'\n : '',\n }\"\n >\n <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n @if (!isSelectHidden) {\n <input\n class=\"table-checkbox d-none\"\n type=\"checkbox\"\n id=\"checkbox{{ i }}\"\n [checked]=\"card.isSelected\"\n (change)=\"onCheckboxSelect(card.id)\"\n />\n <label\n class=\"table-checkbox-label d-flex bg-light-gray-6\"\n for=\"checkbox{{ i }}\"\n ></label>\n }\n </span>\n </div>\n <div class=\"name d-flex gap-1 title\">\n @if (_titleIcon) {\n <ng-container\n *ngTemplateOutlet=\"\n _titleIcon;\n context: { data: card }\n \"\n ></ng-container>\n }\n\n <div\n class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n (click)=\"cardTitleClicked(card.id)\"\n >\n {{ card[_cardTitle] ?? '/' }}\n </div>\n </div>\n </div>\n\n <!-- Card body front-->\n\n <div class=\"card-body-content d-flex flex-column gap-2\">\n <ng-container\n *ngTemplateOutlet=\"\n showBackSide &&\n ((i\n | isCardFlipped\n : isCardFlippedCheckInCards) ||\n cardsFlipType === tableCardTypes.BACK)\n ? _backSide\n : _frontSide;\n context: { data: card }\n \"\n ></ng-container>\n </div>\n </div>\n\n <!-- Right side of card -->\n\n <div class=\"card-body-right d-flex flex-column\">\n <div class=\"top-side d-flex flex-column gap-1\">\n <!-- Dropdown Menu-->\n\n @if (!isDropdownMenuHidden) {\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"\n ePosition.TABLE_CARDS_DROPDOWN_MENU\n \"\n [options]=\"dropdownMenuOptions\"\n (dropdownOptionEmitter)=\"\n handleToggleDropdownMenuActions(\n $event,\n card\n )\n \"\n >\n </ca-dropdown-menu>\n }\n\n <!-- Note element -->\n\n <div\n class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n ></div>\n\n <!-- Expand element -->\n\n @let showBackSideCard =\n i | isCardFlipped: isCardFlippedCheckInCards;\n\n @if (showBackSide) {\n <div\n class=\"bottom-side d-flex justify-content-center\"\n (click)=\"flipCard(i)\"\n >\n <span\n class=\"expand-card\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n eTableCardGeneral.FLIP_CARD\n \"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n [ngClass]=\"{\n 'rotate-svg':\n showBackSideCard ||\n cardsFlipType ===\n tableCardTypes.BACK,\n 'svg-position': !showBackSideCard,\n }\"\n >\n <svg-icon\n [src]=\"\n tableCardViewSvgRoutes.flipArrowRoute\n \"\n ></svg-icon>\n </span>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n }\n</div>\n@if (displayedDataCount) {\n <app-ca-show-more\n [displayedDataCount]=\"displayedDataCount\"\n [totalDataCount]=\"totalDataCount\"\n (onShowMore)=\"onShowMoreClick()\"\n ></app-ca-show-more>\n}\n", styles: ["@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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
31705
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaTableCardViewComponent, isStandalone: true, selector: "ca-table-card-view", inputs: { frontSide: "frontSide", backSide: "backSide", titleIcon: "titleIcon", viewData: "viewData", cardTitle: "cardTitle", totalDataCount: "totalDataCount", cardsFlipType: "cardsFlipType", isDropdownMenuHidden: "isDropdownMenuHidden", isSelectHidden: "isSelectHidden", showBackSide: "showBackSide", dropdownMenuOptions: "dropdownMenuOptions" }, outputs: { showMore: "showMore", selectCard: "selectCard", cardTitleClick: "cardTitleClick", dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n @for (card of _viewData; let i = $index; track $index) {\n <div class=\"custom-card br-3 bg-white\">\n <div\n class=\"card-body m-1 d-flex justify-content-between\"\n [ngClass]=\"{\n 'background-gray background-hover-gray': card.isSelected,\n 'background-hover-bw2': !card.isSelected,\n }\"\n >\n <!-- Left side of the card -->\n\n <div class=\"card-body-left p-1\">\n <!-- Head of the card -->\n\n <div\n class=\"card-header d-flex align-items-center\"\n [class.select-hidden]=\"isSelectHidden\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <!-- Checkbox -->\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n [ngClass]=\"{\n 'rotate-svg':\n isCardFlippedCheckInCards?.includes(i),\n 'svg-position':\n !isCardFlippedCheckInCards?.includes(i),\n }\"\n [ngStyle]=\"{\n '--svg-fill-color':\n isCardFlippedCheckInCards?.includes(i)\n ? '#3b73ed'\n : '',\n }\"\n >\n <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n @if (!isSelectHidden) {\n <input\n class=\"table-checkbox d-none\"\n type=\"checkbox\"\n id=\"checkbox{{ i }}\"\n [checked]=\"card.isSelected\"\n (change)=\"onCheckboxSelect(card.id)\"\n />\n <label\n class=\"table-checkbox-label d-flex bg-light-gray-6\"\n for=\"checkbox{{ i }}\"\n ></label>\n }\n </span>\n </div>\n <div class=\"name d-flex gap-1 title\">\n @if (_titleIcon) {\n <ng-container\n *ngTemplateOutlet=\"\n _titleIcon;\n context: { data: card }\n \"\n ></ng-container>\n }\n\n <div\n class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n (click)=\"cardTitleClicked(card.id)\"\n >\n {{ card[_cardTitle] ?? '/' }}\n </div>\n </div>\n </div>\n\n <!-- Card body front-->\n\n <div class=\"card-body-content d-flex flex-column gap-2\">\n <ng-container\n *ngTemplateOutlet=\"\n showBackSide &&\n ((i\n | isCardFlipped\n : isCardFlippedCheckInCards) ||\n cardsFlipType === tableCardTypes.BACK)\n ? _backSide\n : _frontSide;\n context: { data: card }\n \"\n ></ng-container>\n </div>\n </div>\n\n <!-- Right side of card -->\n\n <div class=\"card-body-right d-flex flex-column\">\n <div class=\"top-side d-flex flex-column gap-1\">\n <!-- Dropdown Menu-->\n\n @if (!isDropdownMenuHidden) {\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"\n ePosition.TABLE_CARDS_DROPDOWN_MENU\n \"\n [options]=\"dropdownMenuOptions\"\n (dropdownOptionEmitter)=\"\n handleToggleDropdownMenuActions(\n $event,\n card\n )\n \"\n >\n </ca-dropdown-menu>\n }\n\n <!-- Note element -->\n\n <div\n class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n ></div>\n\n <!-- Expand element -->\n\n @let showBackSideCard =\n i | isCardFlipped: isCardFlippedCheckInCards;\n\n @if (showBackSide) {\n <div\n class=\"bottom-side d-flex justify-content-center\"\n (click)=\"flipCard(i)\"\n >\n <span\n class=\"expand-card\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n eTableCardGeneral.FLIP_CARD\n \"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n [ngClass]=\"{\n 'rotate-svg':\n showBackSideCard ||\n cardsFlipType ===\n tableCardTypes.BACK,\n 'svg-position': !showBackSideCard,\n }\"\n >\n <svg-icon\n [src]=\"\n tableCardViewSvgRoutes.flipArrowRoute\n \"\n ></svg-icon>\n </span>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n }\n @if (displayedDataCount) {\n <div class=\"show-more-container d-flex align-items-end\">\n <app-ca-show-more\n [displayedDataCount]=\"displayedDataCount\"\n [totalDataCount]=\"totalDataCount\"\n (onShowMore)=\"onShowMoreClick()\"\n ></app-ca-show-more>\n </div>\n }\n</div>\n", styles: ["@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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}.cards-container .show-more-container app-ca-show-more{width:100%}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
31702
31706
|
// modules
|
|
31703
31707
|
AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { 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: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
31704
31708
|
// components
|
|
@@ -31719,7 +31723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
31719
31723
|
CaAppTooltipV2Component,
|
|
31720
31724
|
// pipes
|
|
31721
31725
|
IsCardFlippedPipe,
|
|
31722
|
-
], template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n @for (card of _viewData; let i = $index; track $index) {\n <div class=\"custom-card br-3 bg-white\">\n <div\n class=\"card-body m-1 d-flex justify-content-between\"\n [ngClass]=\"{\n 'background-gray background-hover-gray': card.isSelected,\n 'background-hover-bw2': !card.isSelected,\n }\"\n >\n <!-- Left side of the card -->\n\n <div class=\"card-body-left p-1\">\n <!-- Head of the card -->\n\n <div\n class=\"card-header d-flex align-items-center\"\n [class.select-hidden]=\"isSelectHidden\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <!-- Checkbox -->\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n [ngClass]=\"{\n 'rotate-svg':\n isCardFlippedCheckInCards?.includes(i),\n 'svg-position':\n !isCardFlippedCheckInCards?.includes(i),\n }\"\n [ngStyle]=\"{\n '--svg-fill-color':\n isCardFlippedCheckInCards?.includes(i)\n ? '#3b73ed'\n : '',\n }\"\n >\n <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n @if (!isSelectHidden) {\n <input\n class=\"table-checkbox d-none\"\n type=\"checkbox\"\n id=\"checkbox{{ i }}\"\n [checked]=\"card.isSelected\"\n (change)=\"onCheckboxSelect(card.id)\"\n />\n <label\n class=\"table-checkbox-label d-flex bg-light-gray-6\"\n for=\"checkbox{{ i }}\"\n ></label>\n }\n </span>\n </div>\n <div class=\"name d-flex gap-1 title\">\n @if (_titleIcon) {\n <ng-container\n *ngTemplateOutlet=\"\n _titleIcon;\n context: { data: card }\n \"\n ></ng-container>\n }\n\n <div\n class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n (click)=\"cardTitleClicked(card.id)\"\n >\n {{ card[_cardTitle] ?? '/' }}\n </div>\n </div>\n </div>\n\n <!-- Card body front-->\n\n <div class=\"card-body-content d-flex flex-column gap-2\">\n <ng-container\n *ngTemplateOutlet=\"\n showBackSide &&\n ((i\n | isCardFlipped\n : isCardFlippedCheckInCards) ||\n cardsFlipType === tableCardTypes.BACK)\n ? _backSide\n : _frontSide;\n context: { data: card }\n \"\n ></ng-container>\n </div>\n </div>\n\n <!-- Right side of card -->\n\n <div class=\"card-body-right d-flex flex-column\">\n <div class=\"top-side d-flex flex-column gap-1\">\n <!-- Dropdown Menu-->\n\n @if (!isDropdownMenuHidden) {\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"\n ePosition.TABLE_CARDS_DROPDOWN_MENU\n \"\n [options]=\"dropdownMenuOptions\"\n (dropdownOptionEmitter)=\"\n handleToggleDropdownMenuActions(\n $event,\n card\n )\n \"\n >\n </ca-dropdown-menu>\n }\n\n <!-- Note element -->\n\n <div\n class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n ></div>\n\n <!-- Expand element -->\n\n @let showBackSideCard =\n i | isCardFlipped: isCardFlippedCheckInCards;\n\n @if (showBackSide) {\n <div\n class=\"bottom-side d-flex justify-content-center\"\n (click)=\"flipCard(i)\"\n >\n <span\n class=\"expand-card\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n eTableCardGeneral.FLIP_CARD\n \"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n [ngClass]=\"{\n 'rotate-svg':\n showBackSideCard ||\n cardsFlipType ===\n tableCardTypes.BACK,\n 'svg-position': !showBackSideCard,\n }\"\n >\n <svg-icon\n [src]=\"\n tableCardViewSvgRoutes.flipArrowRoute\n \"\n ></svg-icon>\n </span>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n }\n</div>\n@if (displayedDataCount) {\n <app-ca-show-more\n [displayedDataCount]=\"displayedDataCount\"\n [totalDataCount]=\"totalDataCount\"\n (onShowMore)=\"onShowMoreClick()\"\n ></app-ca-show-more>\n}\n", styles: ["@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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}\n"] }]
|
|
31726
|
+
], template: "@let displayedDataCount = _viewData.length;\n\n<div class=\"cards-container d-grid gap-1 margin-r-15\">\n @for (card of _viewData; let i = $index; track $index) {\n <div class=\"custom-card br-3 bg-white\">\n <div\n class=\"card-body m-1 d-flex justify-content-between\"\n [ngClass]=\"{\n 'background-gray background-hover-gray': card.isSelected,\n 'background-hover-bw2': !card.isSelected,\n }\"\n >\n <!-- Left side of the card -->\n\n <div class=\"card-body-left p-1\">\n <!-- Head of the card -->\n\n <div\n class=\"card-header d-flex align-items-center\"\n [class.select-hidden]=\"isSelectHidden\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <!-- Checkbox -->\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n position=\"bottom\"\n [ngClass]=\"{\n 'rotate-svg':\n isCardFlippedCheckInCards?.includes(i),\n 'svg-position':\n !isCardFlippedCheckInCards?.includes(i),\n }\"\n [ngStyle]=\"{\n '--svg-fill-color':\n isCardFlippedCheckInCards?.includes(i)\n ? '#3b73ed'\n : '',\n }\"\n >\n <!-- ca-checkbox doesn't work as expected, leave this input for now -->\n @if (!isSelectHidden) {\n <input\n class=\"table-checkbox d-none\"\n type=\"checkbox\"\n id=\"checkbox{{ i }}\"\n [checked]=\"card.isSelected\"\n (change)=\"onCheckboxSelect(card.id)\"\n />\n <label\n class=\"table-checkbox-label d-flex bg-light-gray-6\"\n for=\"checkbox{{ i }}\"\n ></label>\n }\n </span>\n </div>\n <div class=\"name d-flex gap-1 title\">\n @if (_titleIcon) {\n <ng-container\n *ngTemplateOutlet=\"\n _titleIcon;\n context: { data: card }\n \"\n ></ng-container>\n }\n\n <div\n class=\"c-pointer text-color-black text-hover-blue-15 ca-font-bold\"\n (click)=\"cardTitleClicked(card.id)\"\n >\n {{ card[_cardTitle] ?? '/' }}\n </div>\n </div>\n </div>\n\n <!-- Card body front-->\n\n <div class=\"card-body-content d-flex flex-column gap-2\">\n <ng-container\n *ngTemplateOutlet=\"\n showBackSide &&\n ((i\n | isCardFlipped\n : isCardFlippedCheckInCards) ||\n cardsFlipType === tableCardTypes.BACK)\n ? _backSide\n : _frontSide;\n context: { data: card }\n \"\n ></ng-container>\n </div>\n </div>\n\n <!-- Right side of card -->\n\n <div class=\"card-body-right d-flex flex-column\">\n <div class=\"top-side d-flex flex-column gap-1\">\n <!-- Dropdown Menu-->\n\n @if (!isDropdownMenuHidden) {\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"\n ePosition.TABLE_CARDS_DROPDOWN_MENU\n \"\n [options]=\"dropdownMenuOptions\"\n (dropdownOptionEmitter)=\"\n handleToggleDropdownMenuActions(\n $event,\n card\n )\n \"\n >\n </ca-dropdown-menu>\n }\n\n <!-- Note element -->\n\n <div\n class=\"note-container right-side-svg br-2 position-relative d-flex align-items-center justify-content-center flex-column\"\n ></div>\n\n <!-- Expand element -->\n\n @let showBackSideCard =\n i | isCardFlipped: isCardFlippedCheckInCards;\n\n @if (showBackSide) {\n <div\n class=\"bottom-side d-flex justify-content-center\"\n (click)=\"flipCard(i)\"\n >\n <span\n class=\"expand-card\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n eTableCardGeneral.FLIP_CARD\n \"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n [ngClass]=\"{\n 'rotate-svg':\n showBackSideCard ||\n cardsFlipType ===\n tableCardTypes.BACK,\n 'svg-position': !showBackSideCard,\n }\"\n >\n <svg-icon\n [src]=\"\n tableCardViewSvgRoutes.flipArrowRoute\n \"\n ></svg-icon>\n </span>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n }\n @if (displayedDataCount) {\n <div class=\"show-more-container d-flex align-items-end\">\n <app-ca-show-more\n [displayedDataCount]=\"displayedDataCount\"\n [totalDataCount]=\"totalDataCount\"\n (onShowMore)=\"onShowMoreClick()\"\n ></app-ca-show-more>\n </div>\n }\n</div>\n", styles: ["@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}}.cards-container{margin-top:11px;grid-template-columns:repeat(auto-fill,minmax(302px,1fr))}.cards-container .custom-card .card-body{border-radius:2px;height:calc(100% - 8px)}.cards-container .custom-card .card-body .card-body-left{width:calc(100% - 30px)}.cards-container .custom-card .card-body .card-body-left .card-header{gap:10px;position:relative;padding-left:28px;padding-top:4px}.cards-container .custom-card .card-body .card-body-left .card-header.select-hidden{padding-left:4px!important}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder{position:absolute;left:5px;top:6px}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label{width:14px;height:14px;margin-bottom:0;cursor:pointer;transition:background .3s,transform .3s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox-label:hover{background:#919191;transform:scale(1.3)}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label{background-color:#3b73ed;background-repeat:no-repeat;background-position:center;transition:background-color .25s}.cards-container .custom-card .card-body .card-body-left .card-header .checkbox-holder .table-checkbox:checked+.table-checkbox-label:hover{background-color:#0b49d1}.cards-container .custom-card .card-body .card-body-left .card-header .name{font-size:14px;line-height:18px;width:100%}.cards-container .custom-card .card-body .card-body-left .card-header .name .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cards-container .custom-card .card-body .card-body-left .card-header .name .finish-order-holder{width:100%}.cards-container .custom-card .card-body .card-body-left .card-body-content{margin-top:8px}.cards-container .custom-card .card-body .card-body-left .card-body-content .one-row .item-body{height:fit-content}.cards-container .custom-card .card-body .card-body-right{height:100%;padding:4px 4px 0 0;position:relative}.cards-container .custom-card .card-body .card-body-right .top-side{height:100%}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg{width:26px;height:26px;top:2px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg:hover{background:transparent!important}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .note-tooltip{height:30px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dots svg{width:18px;position:relative;bottom:1px}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .rotate-dropdown-svg svg{transform:rotate(90deg);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .top-side .right-side-svg .dropdown-svg-back svg{transform:rotate(0);transition:all .3s}.cards-container .custom-card .card-body .card-body-right .bottom-side{width:26px;height:26px;cursor:pointer;position:absolute;bottom:5px}.cards-container .custom-card .card-body .card-body-right .bottom-side .svg-position{rotate:0deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .expand-card:hover svg path{fill:#424242}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg{rotate:180deg}.cards-container .custom-card .card-body .card-body-right .bottom-side .rotate-svg svg:hover path{fill:#6692f1}.cards-container .custom-card .card-body:hover .finish-order-action{background:#3b73ed;color:#fff!important;transition:color .25s,background .25s}.cards-container .show-more-container app-ca-show-more{width:100%}\n"] }]
|
|
31723
31727
|
}], ctorParameters: () => [], propDecorators: { frontSide: [{
|
|
31724
31728
|
type: Input
|
|
31725
31729
|
}], backSide: [{
|
|
@@ -33913,7 +33917,7 @@ class CaModalItemsComponent {
|
|
|
33913
33917
|
}
|
|
33914
33918
|
onItemsRowReorder() { }
|
|
33915
33919
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaModalItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33916
|
-
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", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n<app-ca-custom-card\n [cardName]=\"'Item'\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"true\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '
|
|
33920
|
+
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", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n<app-ca-custom-card\n [cardName]=\"'Item'\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"true\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\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 (_itemsConfig.noDataImage && !itemsLength) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noData\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header -->\n\n <ng-container\n *ngTemplateOutlet=\"\n modalItemsHeader;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n modalItemsList;\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<!-- Header Template -->\n\n<ng-template #modalItemsHeader let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of _itemsConfig.headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem =\n _itemsConfig.headerItemsRequiredIndex.includes(headerIndex);\n\n @let isAlignRightItem =\n _itemsConfig.headerItemsAlignRightIndex?.includes(\n headerIndex\n );\n\n @let isJustifyCenterItem =\n _itemsConfig.headerItemsJustifyCenterIndex?.includes(\n headerIndex\n );\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n } | modalItemsHeaderClass;\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"headerItemClass\"\n >\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 <!-- Required Star -->\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"\n isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\n \"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n }\n</ng-template>\n\n<!-- List Template -->\n\n<ng-template #modalItemsList let-gridTemplateColumns=\"gridTemplateColumns\">\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 itemsRowTemplate;\n context: {\n $implicit: group,\n index,\n hoverIndex,\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 #noData>\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: [""], 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: "component", type:
|
|
33917
33921
|
// components
|
|
33918
33922
|
CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "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:
|
|
33919
33923
|
// pipes
|
|
@@ -33928,7 +33932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
33928
33932
|
SvgIconComponent,
|
|
33929
33933
|
// pipes
|
|
33930
33934
|
ModalItemsHeaderClassPipe,
|
|
33931
|
-
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n<app-ca-custom-card\n [cardName]=\"'Item'\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"true\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '
|
|
33935
|
+
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n@let itemsLength = itemsFormArray.length;\n\n<app-ca-custom-card\n [cardName]=\"'Item'\"\n [counter]=\"itemsLength\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"true\"\n [hasDivider]=\"true\"\n [isCardOpen]=\"true\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW_ITEM\"\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 (_itemsConfig.noDataImage && !itemsLength) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noData\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header -->\n\n <ng-container\n *ngTemplateOutlet=\"\n modalItemsHeader;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n modalItemsList;\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<!-- Header Template -->\n\n<ng-template #modalItemsHeader let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n <div\n class=\"d-grid align-items-center margin-b-4 margin-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of _itemsConfig.headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem =\n _itemsConfig.headerItemsRequiredIndex.includes(headerIndex);\n\n @let isAlignRightItem =\n _itemsConfig.headerItemsAlignRightIndex?.includes(\n headerIndex\n );\n\n @let isJustifyCenterItem =\n _itemsConfig.headerItemsJustifyCenterIndex?.includes(\n headerIndex\n );\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n } | modalItemsHeaderClass;\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"headerItemClass\"\n >\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 <!-- Required Star -->\n\n @if (isRequiredItem) {\n <span\n class=\"ta-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"\n isAlignRightItem ? 'margin-r-2' : 'margin-l-2'\n \"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n }\n</ng-template>\n\n<!-- List Template -->\n\n<ng-template #modalItemsList let-gridTemplateColumns=\"gridTemplateColumns\">\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 itemsRowTemplate;\n context: {\n $implicit: group,\n index,\n hoverIndex,\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 #noData>\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" }]
|
|
33932
33936
|
}], ctorParameters: () => [], propDecorators: { itemsConfig: [{
|
|
33933
33937
|
type: Input
|
|
33934
33938
|
}], itemsRowTemplate: [{
|
|
@@ -33946,11 +33950,12 @@ class CaProgressBarV2Component {
|
|
|
33946
33950
|
constructor() {
|
|
33947
33951
|
this.progressPercentage = 0;
|
|
33948
33952
|
this.isTableColumn = false;
|
|
33953
|
+
this.isFocused = false;
|
|
33949
33954
|
this.eColor = eColor;
|
|
33950
33955
|
this.ePosition = ePosition;
|
|
33951
33956
|
}
|
|
33952
33957
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaProgressBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33953
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaProgressBarV2Component, isStandalone: true, selector: "app-ca-progress-bar-v2", inputs: { progressPercentage: "progressPercentage", text: "text", tooltipText: "tooltipText", isTableColumn: "isTableColumn", colorConfig: "colorConfig" }, ngImport: i0, template: "<div\n class=\"progress-bar px-2 py-2 br-2\"\n [ngClass]=\"{\n 'w-fit-content small': isTableColumn,\n }\"\n>\n @if (isTableColumn) {\n <div\n class=\"d-flex align-items-center gap-2\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n >\n <div class=\"progress-bar-line-container br-2 small-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n <span\n class=\"progress-bar-text text-size-14 ca-font-medium text-color-black-2\"\n >\n {{ text }}\n </span>\n </div>\n } @else {\n <div class=\"progress-bar-line-container br-2 full-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n }\n</div>\n\n<ng-template\n #progressBarLineTemplate\n let-percentageValue=\"percentageValue\"\n let-colorConfig=\"colorConfig\"\n>\n @if (colorConfig) {\n <div\n class=\"progress-bar-line-back\"\n [style.backgroundColor]=\"colorConfig.backColor\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [style.backgroundColor]=\"colorConfig.frontColor\"\n [style.width.%]=\"percentageValue\"\n ></div>\n } @else {\n <div\n class=\"progress-bar-line-back\"\n [ngClass]=\"'back' | progressBarLine: percentageValue\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [ngClass]=\"'front' | progressBarLine: percentageValue\"\n [style.width.%]=\"percentageValue\"\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-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}.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-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-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-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-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}@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}.progress-bar.small:hover{background-color:#91919133}.progress-bar .progress-bar-line-container{height:8px;overflow:hidden;position:relative}.progress-bar .progress-bar-line-container.full-line{width:100%}.progress-bar .progress-bar-line-container.small-line{width:24px}.progress-bar .progress-bar-line-container .progress-bar-line-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar .progress-bar-line-container .progress-bar-line-front{height:8px;position:absolute;left:0;top:0}.progress-bar .progress-bar-line-container .expired{background:#df3c3c;opacity:1}.progress-bar .progress-bar-line-container .back-gray{background:#919191;opacity:.2}.progress-bar .progress-bar-line-container .back-yellow{background:#f89b2e;opacity:.2}.progress-bar .progress-bar-line-container .back-red{background:#df3c3c;opacity:.2}.progress-bar .progress-bar-line-container .front-gray{background:#919191}.progress-bar .progress-bar-line-container .front-yellow{background:#f89b2e}.progress-bar .progress-bar-line-container .front-red{background:#df3c3c}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
33958
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaProgressBarV2Component, isStandalone: true, selector: "app-ca-progress-bar-v2", inputs: { progressPercentage: "progressPercentage", text: "text", tooltipText: "tooltipText", isTableColumn: "isTableColumn", colorConfig: "colorConfig", isFocused: "isFocused" }, ngImport: i0, template: "<div\n class=\"progress-bar br-2\"\n [ngClass]=\"{\n 'small px-2 py-2': isTableColumn,\n 'background-black-2': isFocused,\n 'background-hover-dark-2': !isFocused && isTableColumn\n }\"\n>\n @if (isTableColumn) {\n <div\n class=\"d-flex align-items-center gap-2\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n >\n <div class=\"progress-bar-line-container br-2 small-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n <span\n class=\"progress-bar-text text-size-14 ca-font-medium text-color-black-2\"\n [ngClass]=\"{'text-color-white': isFocused}\"\n >\n {{ text }}\n </span>\n </div>\n } @else {\n <div class=\"progress-bar-line-container br-2 full-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n }\n</div>\n\n<ng-template\n #progressBarLineTemplate\n let-percentageValue=\"percentageValue\"\n let-colorConfig=\"colorConfig\"\n>\n @if (colorConfig) {\n <div\n class=\"progress-bar-line-back\"\n [style.backgroundColor]=\"colorConfig.backColor\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [style.backgroundColor]=\"colorConfig.frontColor\"\n [style.width.%]=\"percentageValue\"\n ></div>\n } @else {\n <div\n class=\"progress-bar-line-back\"\n [ngClass]=\"'back' | progressBarLine: percentageValue\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [ngClass]=\"'front' | progressBarLine: percentageValue\"\n [style.width.%]=\"percentageValue\"\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-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}.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-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-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-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-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}@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}.progress-bar .progress-bar-line-container{height:8px;overflow:hidden;position:relative}.progress-bar .progress-bar-line-container.full-line{width:100%}.progress-bar .progress-bar-line-container.small-line{width:24px}.progress-bar .progress-bar-line-container .progress-bar-line-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar .progress-bar-line-container .progress-bar-line-front{height:8px;position:absolute;left:0;top:0}.progress-bar .progress-bar-line-container .expired{background:#df3c3c;opacity:1}.progress-bar .progress-bar-line-container .back-gray{background:#919191;opacity:.2}.progress-bar .progress-bar-line-container .back-yellow{background:#f89b2e;opacity:.2}.progress-bar .progress-bar-line-container .back-red{background:#df3c3c;opacity:.2}.progress-bar .progress-bar-line-container .front-gray{background:#919191}.progress-bar .progress-bar-line-container .front-yellow{background:#f89b2e}.progress-bar .progress-bar-line-container .front-red{background:#df3c3c}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
33954
33959
|
// modules
|
|
33955
33960
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
33956
33961
|
// components
|
|
@@ -33969,7 +33974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
33969
33974
|
CaAppTooltipV2Component,
|
|
33970
33975
|
// pipes
|
|
33971
33976
|
ProgressBarLinePipe,
|
|
33972
|
-
], template: "<div\n class=\"progress-bar px-2 py-2 br-2\"\n [ngClass]=\"{\n 'w-fit-content small': isTableColumn,\n }\"\n>\n @if (isTableColumn) {\n <div\n class=\"d-flex align-items-center gap-2\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n >\n <div class=\"progress-bar-line-container br-2 small-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n <span\n class=\"progress-bar-text text-size-14 ca-font-medium text-color-black-2\"\n >\n {{ text }}\n </span>\n </div>\n } @else {\n <div class=\"progress-bar-line-container br-2 full-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n }\n</div>\n\n<ng-template\n #progressBarLineTemplate\n let-percentageValue=\"percentageValue\"\n let-colorConfig=\"colorConfig\"\n>\n @if (colorConfig) {\n <div\n class=\"progress-bar-line-back\"\n [style.backgroundColor]=\"colorConfig.backColor\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [style.backgroundColor]=\"colorConfig.frontColor\"\n [style.width.%]=\"percentageValue\"\n ></div>\n } @else {\n <div\n class=\"progress-bar-line-back\"\n [ngClass]=\"'back' | progressBarLine: percentageValue\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [ngClass]=\"'front' | progressBarLine: percentageValue\"\n [style.width.%]=\"percentageValue\"\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-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}.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-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-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-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-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}@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}.progress-bar.small:hover{background-color:#91919133}.progress-bar .progress-bar-line-container{height:8px;overflow:hidden;position:relative}.progress-bar .progress-bar-line-container.full-line{width:100%}.progress-bar .progress-bar-line-container.small-line{width:24px}.progress-bar .progress-bar-line-container .progress-bar-line-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar .progress-bar-line-container .progress-bar-line-front{height:8px;position:absolute;left:0;top:0}.progress-bar .progress-bar-line-container .expired{background:#df3c3c;opacity:1}.progress-bar .progress-bar-line-container .back-gray{background:#919191;opacity:.2}.progress-bar .progress-bar-line-container .back-yellow{background:#f89b2e;opacity:.2}.progress-bar .progress-bar-line-container .back-red{background:#df3c3c;opacity:.2}.progress-bar .progress-bar-line-container .front-gray{background:#919191}.progress-bar .progress-bar-line-container .front-yellow{background:#f89b2e}.progress-bar .progress-bar-line-container .front-red{background:#df3c3c}\n"] }]
|
|
33977
|
+
], template: "<div\n class=\"progress-bar br-2\"\n [ngClass]=\"{\n 'small px-2 py-2': isTableColumn,\n 'background-black-2': isFocused,\n 'background-hover-dark-2': !isFocused && isTableColumn\n }\"\n>\n @if (isTableColumn) {\n <div\n class=\"d-flex align-items-center gap-2\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipBackground]=\"eColor.BLACK\"\n >\n <div class=\"progress-bar-line-container br-2 small-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n <span\n class=\"progress-bar-text text-size-14 ca-font-medium text-color-black-2\"\n [ngClass]=\"{'text-color-white': isFocused}\"\n >\n {{ text }}\n </span>\n </div>\n } @else {\n <div class=\"progress-bar-line-container br-2 full-line\">\n <ng-container\n *ngTemplateOutlet=\"\n progressBarLineTemplate;\n context: {\n percentageValue: progressPercentage,\n colorConfig: colorConfig,\n }\n \"\n ></ng-container>\n </div>\n }\n</div>\n\n<ng-template\n #progressBarLineTemplate\n let-percentageValue=\"percentageValue\"\n let-colorConfig=\"colorConfig\"\n>\n @if (colorConfig) {\n <div\n class=\"progress-bar-line-back\"\n [style.backgroundColor]=\"colorConfig.backColor\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [style.backgroundColor]=\"colorConfig.frontColor\"\n [style.width.%]=\"percentageValue\"\n ></div>\n } @else {\n <div\n class=\"progress-bar-line-back\"\n [ngClass]=\"'back' | progressBarLine: percentageValue\"\n ></div>\n <div\n class=\"progress-bar-line-front\"\n [ngClass]=\"'front' | progressBarLine: percentageValue\"\n [style.width.%]=\"percentageValue\"\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-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}.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-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-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-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-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}@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}.progress-bar .progress-bar-line-container{height:8px;overflow:hidden;position:relative}.progress-bar .progress-bar-line-container.full-line{width:100%}.progress-bar .progress-bar-line-container.small-line{width:24px}.progress-bar .progress-bar-line-container .progress-bar-line-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar .progress-bar-line-container .progress-bar-line-front{height:8px;position:absolute;left:0;top:0}.progress-bar .progress-bar-line-container .expired{background:#df3c3c;opacity:1}.progress-bar .progress-bar-line-container .back-gray{background:#919191;opacity:.2}.progress-bar .progress-bar-line-container .back-yellow{background:#f89b2e;opacity:.2}.progress-bar .progress-bar-line-container .back-red{background:#df3c3c;opacity:.2}.progress-bar .progress-bar-line-container .front-gray{background:#919191}.progress-bar .progress-bar-line-container .front-yellow{background:#f89b2e}.progress-bar .progress-bar-line-container .front-red{background:#df3c3c}\n"] }]
|
|
33973
33978
|
}], ctorParameters: () => [], propDecorators: { progressPercentage: [{
|
|
33974
33979
|
type: Input
|
|
33975
33980
|
}], text: [{
|
|
@@ -33980,6 +33985,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
33980
33985
|
type: Input
|
|
33981
33986
|
}], colorConfig: [{
|
|
33982
33987
|
type: Input
|
|
33988
|
+
}], isFocused: [{
|
|
33989
|
+
type: Input
|
|
33983
33990
|
}] } });
|
|
33984
33991
|
|
|
33985
33992
|
class CaComponentsLibModule {
|
|
@@ -37145,5 +37152,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
37145
37152
|
* Generated bundle index. Do not edit.
|
|
37146
37153
|
*/
|
|
37147
37154
|
|
|
37148
|
-
export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaContactsCardComponent, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaFleetFilterComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaModalItemsComponent, CaModalSpinnerComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressBarV2Component, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateTimeHelper, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, DropdownMenuContentConditionalItemsHelper, DropdownMenuContentConstants, DropdownMenuContentHelper, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, GpsLocationConstants, GpsLocationHelper, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, MethodsCalculationsHelper, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, ProgressBarLinePipe, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserHelper, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eGpsHeadingDirection, eGpsMotionStatus, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, eModalItems, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum, uuidv4 };
|
|
37155
|
+
export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaContactsCardComponent, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaFleetFilterComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaModalItemsComponent, CaModalSpinnerComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressBarV2Component, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateTimeHelper, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, DropdownMenuContentConditionalItemsHelper, DropdownMenuContentConstants, DropdownMenuContentHelper, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, GpsLocationConstants, GpsLocationHelper, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, MethodsCalculationsHelper, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, ProgressBarLinePipe, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, TimeFilterHelper, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserHelper, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eGpsHeadingDirection, eGpsMotionStatus, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, eModalItems, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum, uuidv4 };
|
|
37149
37156
|
//# sourceMappingURL=ca-components.mjs.map
|