ca-components 1.1.0 → 1.1.2
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/esm2022/lib/components/ca-input/input-test/input-test.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/ca-input-dropdown.component.mjs +6 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-details-template/ca-input-dropdown-details-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-double-text-template/ca-input-dropdown-double-text-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-fuel-franchise/ca-input-dropdown-fuel-franchise.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker/ca-input-dropdown-load-broker.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-shipper/ca-input-dropdown-load-broker-shipper.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-dispatcher/ca-input-dropdown-load-dispatcher.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-dispatches-ttd/ca-input-dropdown-load-dispatches-ttd.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-payroll-trucks/ca-input-dropdown-payroll-trucks.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-svg-template/ca-input-dropdown-svg-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-svgtext-dispatch-template/ca-input-dropdown-svgtext-dispatch-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-svgtext-template/ca-input-dropdown-svgtext-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-text-counter/ca-input-dropdown-text-counter.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-triple-text-template/ca-input-dropdown-triple-text-template.component.mjs +3 -3
- package/fesm2022/ca-components.mjs +33 -30
- package/fesm2022/ca-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -9604,7 +9604,7 @@ class CaInputDropdownLoadBrokerComponent {
|
|
|
9604
9604
|
this.onActiveItem.emit(option);
|
|
9605
9605
|
}
|
|
9606
9606
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9607
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownLoadBrokerContainer: options : activeItem\n \"\n class=\"dropdown-option load-broker-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-broker-status-text\">\n <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [ngClass]=\"{\n 'dnu-status': option.dnu,\n }\"\n [src]=\"option.logoName\"\n class=\"load-broker-status\"\n ></svg-icon>\n </ng-container>\n\n <div\n [innerHtml]=\"\n option.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-broker-text\"\n ></div>\n </div>\n <div\n class=\"load-broker-progress-status\"\n [ngStyle]=\"{\n visibility:\n (!['ADD NEW', 'No Results'].includes(option.name!) &&\n option.availableCreditType?.name !== 'Unlimited') ||\n option.dnu ||\n option.ban\n ? 'visible'\n : 'hidden',\n }\"\n >\n <ca-load-modal-progress-bar\n [availableCredit]=\"option.availableCredit ?? 0\"\n [disable]=\"option.dnu || option.ban || option.status === 0\"\n [totalAmount]=\"option.creditLimit!\"\n ></ca-load-modal-progress-bar>\n </div>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
9607
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownLoadBrokerContainer: options : activeItem\n \"\n class=\"dropdown-option load-broker-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-broker-status-text\">\n <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [ngClass]=\"{\n 'dnu-status': option.dnu,\n }\"\n [src]=\"option.logoName\"\n class=\"load-broker-status\"\n ></svg-icon>\n </ng-container>\n\n <div\n [innerHtml]=\"\n option.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-broker-text\"\n ></div>\n </div>\n <div\n class=\"load-broker-progress-status\"\n [ngStyle]=\"{\n visibility:\n (!['ADD NEW', 'No Results'].includes(option.name!) &&\n option.availableCreditType?.name !== 'Unlimited') ||\n option.dnu ||\n option.ban\n ? 'visible'\n : 'hidden',\n }\"\n >\n <ca-load-modal-progress-bar\n [availableCredit]=\"option.availableCredit ?? 0\"\n [disable]=\"option.dnu || option.ban || option.status === 0\"\n [totalAmount]=\"option.creditLimit!\"\n ></ca-load-modal-progress-bar>\n </div>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
9608
9608
|
// Component
|
|
9609
9609
|
CaLoadModalProgressBarComponent, selector: "ca-load-modal-progress-bar", inputs: ["totalAmount", "availableCredit", "inputFocus", "disable"] }, { kind: "pipe", type:
|
|
9610
9610
|
// Pipe
|
|
@@ -9620,7 +9620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9620
9620
|
// Pipe
|
|
9621
9621
|
HighlightSearchPipe,
|
|
9622
9622
|
InputDropdownLoadBrokerContainerPipe,
|
|
9623
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownLoadBrokerContainer: options : activeItem\n \"\n class=\"dropdown-option load-broker-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-broker-status-text\">\n <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [ngClass]=\"{\n 'dnu-status': option.dnu,\n }\"\n [src]=\"option.logoName\"\n class=\"load-broker-status\"\n ></svg-icon>\n </ng-container>\n\n <div\n [innerHtml]=\"\n option.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-broker-text\"\n ></div>\n </div>\n <div\n class=\"load-broker-progress-status\"\n [ngStyle]=\"{\n visibility:\n (!['ADD NEW', 'No Results'].includes(option.name!) &&\n option.availableCreditType?.name !== 'Unlimited') ||\n option.dnu ||\n option.ban\n ? 'visible'\n : 'hidden',\n }\"\n >\n <ca-load-modal-progress-bar\n [availableCredit]=\"option.availableCredit ?? 0\"\n [disable]=\"option.dnu || option.ban || option.status === 0\"\n [totalAmount]=\"option.creditLimit!\"\n ></ca-load-modal-progress-bar>\n </div>\n </div>\n}\n" }]
|
|
9623
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownLoadBrokerContainer: options : activeItem\n \"\n class=\"dropdown-option load-broker-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-broker-status-text\">\n <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [ngClass]=\"{\n 'dnu-status': option.dnu,\n }\"\n [src]=\"option.logoName\"\n class=\"load-broker-status\"\n ></svg-icon>\n </ng-container>\n\n <div\n [innerHtml]=\"\n option.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-broker-text\"\n ></div>\n </div>\n <div\n class=\"load-broker-progress-status\"\n [ngStyle]=\"{\n visibility:\n (!['ADD NEW', 'No Results'].includes(option.name!) &&\n option.availableCreditType?.name !== 'Unlimited') ||\n option.dnu ||\n option.ban\n ? 'visible'\n : 'hidden',\n }\"\n >\n <ca-load-modal-progress-bar\n [availableCredit]=\"option.availableCredit ?? 0\"\n [disable]=\"option.dnu || option.ban || option.status === 0\"\n [totalAmount]=\"option.creditLimit!\"\n ></ca-load-modal-progress-bar>\n </div>\n </div>\n}\n" }]
|
|
9624
9624
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
9625
9625
|
type: Input
|
|
9626
9626
|
}], activeItem: [{
|
|
@@ -9671,7 +9671,7 @@ class CaInputDropdownLoadDispatchesTtdComponent {
|
|
|
9671
9671
|
this.onActiveItem.emit(option);
|
|
9672
9672
|
}
|
|
9673
9673
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatchesTtdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9674
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatchesTtdComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatches-ttd", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0]?.name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n <!-- Truck -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.truck?.subFolder\n }} {{\n option?.truck?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option.truck?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option.truck?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.truck?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n <!-- Percentage is driver owner -->\n @if (option.driver?.owner && option?.payType) {\n <span\n [ngClass]=\"{\n 'driver-owner': option.driver?.owner,\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n }\n\n <!-- Trailer -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.trailer?.subFolder\n }} {{\n option?.trailer?.trailerType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n [ngClass]=\"{\n trailerContainer: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Container'\n : false,\n lowboyrgn: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Low Boy / RGN'\n : false,\n }\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.trailer?.logoName\n ? inputDropdownSvgRoutes.trailersSvgRoute +\n option?.trailer?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.trailer?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-trailer\"\n ></div>\n </div>\n }\n\n <!-- Driver -->\n @if (options[0]?.name !== 'No Results') {\n <div class=\"load-dispatches-container\">\n @if (option?.driver?.logoName) {\n <img\n [alt]=\"option?.driver?.name\"\n [ngClass]=\"{\n active:\n option.driver?.id === activeItem?.driver?.id,\n }\"\n [src]=\"option?.driver?.logoName\"\n class=\"svg-template-logo\"\n />\n } @else {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option.driver?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n @if (\n options[0]?.name !== 'No Results' && option.driver?.owner\n ) {\n <img\n alt=\"avatar\"\n [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n class=\"owner-avatar\"\n />\n }\n <div\n [innerHtml]=\"\n option.driver?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-driver\"\n ></div>\n </div>\n }\n <!-- Percentage is not driver owner -->\n @if (options[0]?.name !== 'No Results' && option?.payType) {\n <span\n [ngClass]=\"{\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
9674
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatchesTtdComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatches-ttd", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0]?.name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n <!-- Truck -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.truck?.subFolder\n }} {{\n option?.truck?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option.truck?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option.truck?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.truck?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n <!-- Percentage is driver owner -->\n @if (option.driver?.owner && option?.payType) {\n <span\n [ngClass]=\"{\n 'driver-owner': option.driver?.owner,\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n }\n\n <!-- Trailer -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.trailer?.subFolder\n }} {{\n option?.trailer?.trailerType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n [ngClass]=\"{\n trailerContainer: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Container'\n : false,\n lowboyrgn: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Low Boy / RGN'\n : false,\n }\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.trailer?.logoName\n ? inputDropdownSvgRoutes.trailersSvgRoute +\n option?.trailer?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.trailer?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-trailer\"\n ></div>\n </div>\n }\n\n <!-- Driver -->\n @if (options[0]?.name !== 'No Results') {\n <div class=\"load-dispatches-container\">\n @if (option?.driver?.logoName) {\n <img\n [alt]=\"option?.driver?.name\"\n [ngClass]=\"{\n active:\n option.driver?.id === activeItem?.driver?.id,\n }\"\n [src]=\"option?.driver?.logoName\"\n class=\"svg-template-logo\"\n />\n } @else {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option.driver?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n @if (\n options[0]?.name !== 'No Results' && option.driver?.owner\n ) {\n <img\n alt=\"avatar\"\n [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n class=\"owner-avatar\"\n />\n }\n <div\n [innerHtml]=\"\n option.driver?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-driver\"\n ></div>\n </div>\n }\n <!-- Percentage is not driver owner -->\n @if (options[0]?.name !== 'No Results' && option?.payType) {\n <span\n [ngClass]=\"{\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
9675
9675
|
// Component
|
|
9676
9676
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type:
|
|
9677
9677
|
// Pipe
|
|
@@ -9686,7 +9686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9686
9686
|
CaProfileImageComponent,
|
|
9687
9687
|
// Pipe
|
|
9688
9688
|
HighlightSearchPipe,
|
|
9689
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0]?.name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n <!-- Truck -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.truck?.subFolder\n }} {{\n option?.truck?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option.truck?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option.truck?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.truck?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n <!-- Percentage is driver owner -->\n @if (option.driver?.owner && option?.payType) {\n <span\n [ngClass]=\"{\n 'driver-owner': option.driver?.owner,\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n }\n\n <!-- Trailer -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.trailer?.subFolder\n }} {{\n option?.trailer?.trailerType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n [ngClass]=\"{\n trailerContainer: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Container'\n : false,\n lowboyrgn: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Low Boy / RGN'\n : false,\n }\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.trailer?.logoName\n ? inputDropdownSvgRoutes.trailersSvgRoute +\n option?.trailer?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.trailer?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-trailer\"\n ></div>\n </div>\n }\n\n <!-- Driver -->\n @if (options[0]?.name !== 'No Results') {\n <div class=\"load-dispatches-container\">\n @if (option?.driver?.logoName) {\n <img\n [alt]=\"option?.driver?.name\"\n [ngClass]=\"{\n active:\n option.driver?.id === activeItem?.driver?.id,\n }\"\n [src]=\"option?.driver?.logoName\"\n class=\"svg-template-logo\"\n />\n } @else {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option.driver?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n @if (\n options[0]?.name !== 'No Results' && option.driver?.owner\n ) {\n <img\n alt=\"avatar\"\n [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n class=\"owner-avatar\"\n />\n }\n <div\n [innerHtml]=\"\n option.driver?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-driver\"\n ></div>\n </div>\n }\n <!-- Percentage is not driver owner -->\n @if (options[0]?.name !== 'No Results' && option?.payType) {\n <span\n [ngClass]=\"{\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n}\n" }]
|
|
9689
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0]?.name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n <!-- Truck -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.truck?.subFolder\n }} {{\n option?.truck?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option.truck?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option.truck?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.truck?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n <!-- Percentage is driver owner -->\n @if (option.driver?.owner && option?.payType) {\n <span\n [ngClass]=\"{\n 'driver-owner': option.driver?.owner,\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n }\n\n <!-- Trailer -->\n @if (options[0]?.name !== 'No Results') {\n <div\n class=\"load-dispatches-container {{\n option?.trailer?.subFolder\n }} {{\n option?.trailer?.trailerType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n [ngClass]=\"{\n trailerContainer: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Container'\n : false,\n lowboyrgn: option?.trailer?.logoType\n ? option?.trailer?.logoType\n ?.trim()\n ?.replace(' ', '') === 'Low Boy / RGN'\n : false,\n }\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.trailer?.logoName\n ? inputDropdownSvgRoutes.trailersSvgRoute +\n option?.trailer?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.trailer?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-trailer\"\n ></div>\n </div>\n }\n\n <!-- Driver -->\n @if (options[0]?.name !== 'No Results') {\n <div class=\"load-dispatches-container\">\n @if (option?.driver?.logoName) {\n <img\n [alt]=\"option?.driver?.name\"\n [ngClass]=\"{\n active:\n option.driver?.id === activeItem?.driver?.id,\n }\"\n [src]=\"option?.driver?.logoName\"\n class=\"svg-template-logo\"\n />\n } @else {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option.driver?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n @if (\n options[0]?.name !== 'No Results' && option.driver?.owner\n ) {\n <img\n alt=\"avatar\"\n [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n class=\"owner-avatar\"\n />\n }\n <div\n [innerHtml]=\"\n option.driver?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-driver\"\n ></div>\n </div>\n }\n <!-- Percentage is not driver owner -->\n @if (options[0]?.name !== 'No Results' && option?.payType) {\n <span\n [ngClass]=\"{\n active: i === activeItem?.itemIndex,\n }\"\n class=\"load-dispatch-driver-rate\"\n >\n {{ option?.payType }}\n </span>\n }\n </div>\n}\n" }]
|
|
9690
9690
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
9691
9691
|
type: Input
|
|
9692
9692
|
}], activeItem: [{
|
|
@@ -9723,7 +9723,7 @@ class CaInputDropdownLoadDispatcherComponent {
|
|
|
9723
9723
|
this.onActiveItem.emit(option);
|
|
9724
9724
|
}
|
|
9725
9725
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-dispatcher-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (\n option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (\n !option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type:
|
|
9726
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-dispatcher-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (\n option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (\n !option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type:
|
|
9727
9727
|
// Component
|
|
9728
9728
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type:
|
|
9729
9729
|
// Pipe
|
|
@@ -9738,7 +9738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9738
9738
|
CaProfileImageComponent,
|
|
9739
9739
|
// Pipe
|
|
9740
9740
|
HighlightSearchPipe,
|
|
9741
|
-
], template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-dispatcher-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (\n option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (\n !option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n }\n</div>\n" }]
|
|
9741
|
+
], template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-dispatcher-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (\n option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (\n !option.logoName &&\n !(options.length === 1 && options[0]?.name === 'No Results')\n ) {\n <div class=\"no-profile-image\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n }\n</div>\n" }]
|
|
9742
9742
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
9743
9743
|
type: Input
|
|
9744
9744
|
}], activeItem: [{
|
|
@@ -9775,7 +9775,7 @@ class CaInputDropdownSvgTemplateComponent {
|
|
|
9775
9775
|
this.onActiveItem.emit(option);
|
|
9776
9776
|
}
|
|
9777
9777
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9778
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svg-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (option.logoName) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n ></svg-icon>\n }\n \n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
9778
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svg-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (option.logoName) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n ></svg-icon>\n }\n \n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
9779
9779
|
// Pipe
|
|
9780
9780
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
9781
9781
|
}
|
|
@@ -9786,7 +9786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9786
9786
|
AngularSvgIconModule,
|
|
9787
9787
|
// Pipe
|
|
9788
9788
|
HighlightSearchPipe,
|
|
9789
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (option.logoName) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n ></svg-icon>\n }\n \n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n}\n" }]
|
|
9789
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (option.logoName) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n class=\"svg-template-logo\"\n ></svg-icon>\n }\n \n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n </div>\n}\n" }]
|
|
9790
9790
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
9791
9791
|
type: Input
|
|
9792
9792
|
}], activeItem: [{
|
|
@@ -10001,7 +10001,7 @@ class CaInputDropdownSvgtextTemplateComponent {
|
|
|
10001
10001
|
this.onActiveItem.emit(option);
|
|
10002
10002
|
}
|
|
10003
10003
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgtextTemplateComponent, deps: [{ token: ImageBase64Service }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10004
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownSvgtextTemplateContainer: options : activeItem\n \"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon\n : activeItem\n : inputConfig\n \"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"this.imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.name! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownSvgtextTemplateContainer: options : activeItem\n \"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon\n : activeItem\n : inputConfig\n \"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"this.imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.name! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10005
10005
|
// Component
|
|
10006
10006
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "component", type: CaLoadStatusStringComponent, selector: "ca-load-status-string", inputs: ["status", "justifyStart", "isDetailsLayout", "isDispatchHistoryModalLayout", "isDropdownColor", "statusOrder", "isDispatch", "isDarkColor"] }, { kind: "pipe", type:
|
|
10007
10007
|
// Pipe
|
|
@@ -10021,7 +10021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10021
10021
|
LoadStatusColorPipe,
|
|
10022
10022
|
InputDropdownSvgtextTemplateIconPipe,
|
|
10023
10023
|
InputDropdownSvgtextTemplateContainerPipe,
|
|
10024
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownSvgtextTemplateContainer: options : activeItem\n \"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon\n : activeItem\n : inputConfig\n \"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"this.imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.name! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10024
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"\n option | inputDropdownSvgtextTemplateContainer: options : activeItem\n \"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon\n : activeItem\n : inputConfig\n \"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"this.imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.name! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10025
10025
|
}], ctorParameters: () => [{ type: ImageBase64Service }], propDecorators: { options: [{
|
|
10026
10026
|
type: Input
|
|
10027
10027
|
}], activeItem: [{
|
|
@@ -10062,7 +10062,7 @@ class CaInputDropdownSvgtextDispatchTemplateComponent {
|
|
|
10062
10062
|
this.onActiveItem.emit(option);
|
|
10063
10063
|
}
|
|
10064
10064
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgtextDispatchTemplateComponent, deps: [{ token: ImageBase64Service }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10065
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextDispatchTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-dispatch-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n trailerContainer: option?.name === 'Container',\n lowboyrgn: option?.name === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextDispatchTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-dispatch-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n trailerContainer: option?.name === 'Container',\n lowboyrgn: option?.name === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10066
10066
|
// Component
|
|
10067
10067
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type:
|
|
10068
10068
|
// Pipe
|
|
@@ -10078,7 +10078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10078
10078
|
// Pipe
|
|
10079
10079
|
HighlightSearchPipe,
|
|
10080
10080
|
CaSvgPipe,
|
|
10081
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n trailerContainer: option?.name === 'Container',\n lowboyrgn: option?.name === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10081
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n trailerContainer: option?.name === 'Container',\n lowboyrgn: option?.name === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName | caSvg: option?.folder : option?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.name?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.name\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"imageBase64Service.sanitizer(option.logoName)\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.name!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n : (option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10082
10082
|
}], ctorParameters: () => [{ type: ImageBase64Service }], propDecorators: { options: [{
|
|
10083
10083
|
type: Input
|
|
10084
10084
|
}], activeItem: [{
|
|
@@ -10321,7 +10321,7 @@ class CaInputDropdownLoadBrokerShipperComponent {
|
|
|
10321
10321
|
this.onActiveItem.emit(option);
|
|
10322
10322
|
}
|
|
10323
10323
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10324
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled || option.status === 0,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-shipper-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-shipper-status-text\">\n <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [src]=\"option.logoName\"\n class=\"load-shipper-status\"\n ></svg-icon>\n </ng-container>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-shipper-text\"\n ></div>\n </div>\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [innerHtml]=\"\n option.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n ></div>\n </ng-container>\n\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n class=\"load-shipper-load-counter\"\n >\n {{ option.loadsCount }}\n </div>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
10324
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled || option.status === 0,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-shipper-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-shipper-status-text\">\n <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [src]=\"option.logoName\"\n class=\"load-shipper-status\"\n ></svg-icon>\n </ng-container>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-shipper-text\"\n ></div>\n </div>\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [innerHtml]=\"\n option.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n ></div>\n </ng-container>\n\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n class=\"load-shipper-load-counter\"\n >\n {{ option.loadsCount }}\n </div>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
10325
10325
|
// Pipe
|
|
10326
10326
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
10327
10327
|
}
|
|
@@ -10332,7 +10332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10332
10332
|
AngularSvgIconModule,
|
|
10333
10333
|
// Pipe
|
|
10334
10334
|
HighlightSearchPipe,
|
|
10335
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled || option.status === 0,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-shipper-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-shipper-status-text\">\n <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [src]=\"option.logoName\"\n class=\"load-shipper-status\"\n ></svg-icon>\n </ng-container>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-shipper-text\"\n ></div>\n </div>\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [innerHtml]=\"\n option.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n ></div>\n </ng-container>\n\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n class=\"load-shipper-load-counter\"\n >\n {{ option.loadsCount }}\n </div>\n </ng-container>\n </div>\n}\n" }]
|
|
10335
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled || option.status === 0,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option load-shipper-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div class=\"load-shipper-status-text\">\n <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n <svg-icon\n [src]=\"option.logoName\"\n class=\"load-shipper-status\"\n ></svg-icon>\n </ng-container>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngStyle]=\"{\n overflow: 'hidden',\n 'text-overflow': 'ellipsis',\n 'white-space': 'nowrap',\n }\"\n class=\"load-shipper-text\"\n ></div>\n </div>\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [innerHtml]=\"\n option.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n ></div>\n </ng-container>\n\n <ng-container\n *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n >\n <div\n [ngClass]=\"{ active: option.id === activeItem?.id }\"\n class=\"load-shipper-load-counter\"\n >\n {{ option.loadsCount }}\n </div>\n </ng-container>\n </div>\n}\n" }]
|
|
10336
10336
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10337
10337
|
type: Input
|
|
10338
10338
|
}], activeItem: [{
|
|
@@ -10369,7 +10369,7 @@ class CaInputDropdownTextCounterComponent {
|
|
|
10369
10369
|
this.onActiveItem.emit(option);
|
|
10370
10370
|
}
|
|
10371
10371
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownTextCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10372
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownTextCounterComponent, isStandalone: true, selector: "app-ca-input-dropdown-text-counter", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active:\n option.id ===\n (activeItem?.duplicateId\n ? activeItem?.duplicateId\n : activeItem?.id),\n }\"\n class=\"dropdown-option dropdown-option-text-counter\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <span\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n >\n </span>\n <ng-container\n *ngIf=\"option?.name !== 'ADD NEW' && option?.name !== 'No Results'\"\n >\n <span [innerHtml]=\"option.count\" class=\"option-counter\"> </span>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type:
|
|
10372
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownTextCounterComponent, isStandalone: true, selector: "app-ca-input-dropdown-text-counter", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active:\n option.id ===\n (activeItem?.duplicateId\n ? activeItem?.duplicateId\n : activeItem?.id),\n }\"\n class=\"dropdown-option dropdown-option-text-counter\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <span\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n >\n </span>\n <ng-container\n *ngIf=\"option?.name !== 'ADD NEW' && option?.name !== 'No Results'\"\n >\n <span [innerHtml]=\"option.count\" class=\"option-counter\"> </span>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type:
|
|
10373
10373
|
// Pipe
|
|
10374
10374
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
10375
10375
|
}
|
|
@@ -10380,7 +10380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10380
10380
|
AngularSvgIconModule,
|
|
10381
10381
|
// Pipe
|
|
10382
10382
|
HighlightSearchPipe,
|
|
10383
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active:\n option.id ===\n (activeItem?.duplicateId\n ? activeItem?.duplicateId\n : activeItem?.id),\n }\"\n class=\"dropdown-option dropdown-option-text-counter\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <span\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n >\n </span>\n <ng-container\n *ngIf=\"option?.name !== 'ADD NEW' && option?.name !== 'No Results'\"\n >\n <span [innerHtml]=\"option.count\" class=\"option-counter\"> </span>\n </ng-container>\n </div>\n}\n" }]
|
|
10383
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n active:\n option.id ===\n (activeItem?.duplicateId\n ? activeItem?.duplicateId\n : activeItem?.id),\n }\"\n class=\"dropdown-option dropdown-option-text-counter\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <span\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n >\n </span>\n <ng-container\n *ngIf=\"option?.name !== 'ADD NEW' && option?.name !== 'No Results'\"\n >\n <span [innerHtml]=\"option.count\" class=\"option-counter\"> </span>\n </ng-container>\n </div>\n}\n" }]
|
|
10384
10384
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10385
10385
|
type: Input
|
|
10386
10386
|
}], activeItem: [{
|
|
@@ -10418,7 +10418,7 @@ class CaInputDropdownDoubleTextTemplateComponent {
|
|
|
10418
10418
|
this.onActiveItem.emit(option);
|
|
10419
10419
|
}
|
|
10420
10420
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDoubleTextTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10421
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDoubleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-double-text-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n }\"\n class=\"dropdown-option dropdown-double-text-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- First Text -->\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n <ng-container *ngIf=\"option?.additionalText\">\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n </ng-container>\n\n <!-- Plus Icon -->\n\n <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
10421
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDoubleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-double-text-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n }\"\n class=\"dropdown-option dropdown-double-text-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- First Text -->\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n <ng-container *ngIf=\"option?.additionalText\">\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n </ng-container>\n\n <!-- Plus Icon -->\n\n <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
10422
10422
|
// Pipe
|
|
10423
10423
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
10424
10424
|
}
|
|
@@ -10429,7 +10429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10429
10429
|
AngularSvgIconModule,
|
|
10430
10430
|
// Pipe
|
|
10431
10431
|
HighlightSearchPipe,
|
|
10432
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n }\"\n class=\"dropdown-option dropdown-double-text-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- First Text -->\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n <ng-container *ngIf=\"option?.additionalText\">\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n </ng-container>\n\n <!-- Plus Icon -->\n\n <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </ng-container>\n </div>\n}\n" }]
|
|
10432
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n }\"\n class=\"dropdown-option dropdown-double-text-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- First Text -->\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n <ng-container *ngIf=\"option?.additionalText\">\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n </ng-container>\n\n <!-- Plus Icon -->\n\n <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </ng-container>\n </div>\n}\n" }]
|
|
10433
10433
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10434
10434
|
type: Input
|
|
10435
10435
|
}], activeItem: [{
|
|
@@ -10467,7 +10467,7 @@ class CaInputDropdownTripleTextTemplateComponent {
|
|
|
10467
10467
|
this.onActiveItem.emit(option);
|
|
10468
10468
|
}
|
|
10469
10469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownTripleTextTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownTripleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-triple-text-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'dropdown-triple-column-option-add-new': option?.name === 'ADD NEW',\n }\"\n class=\"dropdown-option dropdown-triple-column-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-option-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.brand\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.account\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <!-- Plus Icon -->\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
10470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownTripleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-triple-text-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'dropdown-triple-column-option-add-new': option?.name === 'ADD NEW',\n }\"\n class=\"dropdown-option dropdown-triple-column-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-option-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.brand\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.account\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <!-- Plus Icon -->\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
10471
10471
|
// Pipe
|
|
10472
10472
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
10473
10473
|
}
|
|
@@ -10478,7 +10478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10478
10478
|
AngularSvgIconModule,
|
|
10479
10479
|
// Pipe
|
|
10480
10480
|
HighlightSearchPipe,
|
|
10481
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'dropdown-triple-column-option-add-new': option?.name === 'ADD NEW',\n }\"\n class=\"dropdown-option dropdown-triple-column-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-option-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.brand\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.account\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <!-- Plus Icon -->\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </div>\n}\n" }]
|
|
10481
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'dropdown-triple-column-option-add-new': option?.name === 'ADD NEW',\n }\"\n class=\"dropdown-option dropdown-triple-column-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-option-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.brand\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <div\n [innerHtml]=\"\n option.account\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"dropdown-triple-column-text\"\n ></div>\n\n <!-- Plus Icon -->\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n </div>\n}\n" }]
|
|
10482
10482
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10483
10483
|
type: Input
|
|
10484
10484
|
}], activeItem: [{
|
|
@@ -10575,7 +10575,7 @@ class CaInputDropdownFuelFranchiseComponent {
|
|
|
10575
10575
|
this.toggleNestedList.emit(option);
|
|
10576
10576
|
}
|
|
10577
10577
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownFuelFranchiseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10578
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownFuelFranchiseComponent, isStandalone: true, selector: "app-ca-input-dropdown-fuel-franchise", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { toggleNestedList: "toggleNestedList", onActiveItem: "onActiveItem", onActiveItemGroup: "onActiveItemGroup" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n class=\"dropdown-option dropdown-option-fuel-franchise\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- Hover Container -->\n <div class=\"helper-hover-container\"></div>\n\n <!-- Franchise Header -->\n <div\n (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n (mouseenter)=\"option.hover = true\"\n (mouseleave)=\"option.hover = false\"\n class=\"fuel-franchise-header\"\n >\n <span\n [innerHtml]=\"\n option.businessName\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-main-header\"\n >\n </span>\n <ng-container *ngIf=\"option.isFranchise\">\n <div class=\"fuel-franchise-header-right-side\">\n <ng-container\n *ngIf=\"\n option?.name !== 'ADD NEW' &&\n option?.name !== 'No Results'\n \"\n >\n <span class=\"option-counter\">\n {{ option.count }}\n </span>\n </ng-container>\n <svg-icon\n [ngClass]=\"{ rotate: option.open }\"\n class=\"header-arrow\"\n [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n ></svg-icon>\n </div>\n </ng-container>\n </div>\n\n <!-- Franchise Stores -->\n <ng-container *ngIf=\"option.isFranchise && option.open\">\n <div\n [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n class=\"fuel-franchise-stores\"\n >\n <ng-container *ngFor=\"let store of option.stores\">\n <div\n (click)=\"onActiveItemGroupEmit(option, store)\"\n [ngClass]=\"{\n active: activeItem?.id === store?.id,\n }\"\n class=\"fuel-franchise-single-store\"\n >\n <span\n [innerHtml]=\"\n store?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-name\"\n >\n </span>\n <span\n [innerHtml]=\"\n store?.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-address\"\n >\n </span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
10578
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownFuelFranchiseComponent, isStandalone: true, selector: "app-ca-input-dropdown-fuel-franchise", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { toggleNestedList: "toggleNestedList", onActiveItem: "onActiveItem", onActiveItemGroup: "onActiveItemGroup" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n class=\"dropdown-option dropdown-option-fuel-franchise\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- Hover Container -->\n <div class=\"helper-hover-container\"></div>\n\n <!-- Franchise Header -->\n <div\n (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n (mouseenter)=\"option.hover = true\"\n (mouseleave)=\"option.hover = false\"\n class=\"fuel-franchise-header\"\n >\n <span\n [innerHtml]=\"\n option.businessName\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-main-header\"\n >\n </span>\n <ng-container *ngIf=\"option.isFranchise\">\n <div class=\"fuel-franchise-header-right-side\">\n <ng-container\n *ngIf=\"\n option?.name !== 'ADD NEW' &&\n option?.name !== 'No Results'\n \"\n >\n <span class=\"option-counter\">\n {{ option.count }}\n </span>\n </ng-container>\n <svg-icon\n [ngClass]=\"{ rotate: option.open }\"\n class=\"header-arrow\"\n [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n ></svg-icon>\n </div>\n </ng-container>\n </div>\n\n <!-- Franchise Stores -->\n <ng-container *ngIf=\"option.isFranchise && option.open\">\n <div\n [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n class=\"fuel-franchise-stores\"\n >\n <ng-container *ngFor=\"let store of option.stores\">\n <div\n (click)=\"onActiveItemGroupEmit(option, store)\"\n [ngClass]=\"{\n active: activeItem?.id === store?.id,\n }\"\n class=\"fuel-franchise-single-store\"\n >\n <span\n [innerHtml]=\"\n store?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-name\"\n >\n </span>\n <span\n [innerHtml]=\"\n store?.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-address\"\n >\n </span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
10579
10579
|
// Pipe
|
|
10580
10580
|
HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownFuelFranchiseClassPipe, name: "inputDropdownFuelFranchiseClass" }] }); }
|
|
10581
10581
|
}
|
|
@@ -10587,7 +10587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10587
10587
|
// Pipe
|
|
10588
10588
|
HighlightSearchPipe,
|
|
10589
10589
|
InputDropdownFuelFranchiseClassPipe,
|
|
10590
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n class=\"dropdown-option dropdown-option-fuel-franchise\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- Hover Container -->\n <div class=\"helper-hover-container\"></div>\n\n <!-- Franchise Header -->\n <div\n (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n (mouseenter)=\"option.hover = true\"\n (mouseleave)=\"option.hover = false\"\n class=\"fuel-franchise-header\"\n >\n <span\n [innerHtml]=\"\n option.businessName\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-main-header\"\n >\n </span>\n <ng-container *ngIf=\"option.isFranchise\">\n <div class=\"fuel-franchise-header-right-side\">\n <ng-container\n *ngIf=\"\n option?.name !== 'ADD NEW' &&\n option?.name !== 'No Results'\n \"\n >\n <span class=\"option-counter\">\n {{ option.count }}\n </span>\n </ng-container>\n <svg-icon\n [ngClass]=\"{ rotate: option.open }\"\n class=\"header-arrow\"\n [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n ></svg-icon>\n </div>\n </ng-container>\n </div>\n\n <!-- Franchise Stores -->\n <ng-container *ngIf=\"option.isFranchise && option.open\">\n <div\n [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n class=\"fuel-franchise-stores\"\n >\n <ng-container *ngFor=\"let store of option.stores\">\n <div\n (click)=\"onActiveItemGroupEmit(option, store)\"\n [ngClass]=\"{\n active: activeItem?.id === store?.id,\n }\"\n class=\"fuel-franchise-single-store\"\n >\n <span\n [innerHtml]=\"\n store?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-name\"\n >\n </span>\n <span\n [innerHtml]=\"\n store?.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-address\"\n >\n </span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n}\n" }]
|
|
10590
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n class=\"dropdown-option dropdown-option-fuel-franchise\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <!-- Hover Container -->\n <div class=\"helper-hover-container\"></div>\n\n <!-- Franchise Header -->\n <div\n (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n (mouseenter)=\"option.hover = true\"\n (mouseleave)=\"option.hover = false\"\n class=\"fuel-franchise-header\"\n >\n <span\n [innerHtml]=\"\n option.businessName\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-main-header\"\n >\n </span>\n <ng-container *ngIf=\"option.isFranchise\">\n <div class=\"fuel-franchise-header-right-side\">\n <ng-container\n *ngIf=\"\n option?.name !== 'ADD NEW' &&\n option?.name !== 'No Results'\n \"\n >\n <span class=\"option-counter\">\n {{ option.count }}\n </span>\n </ng-container>\n <svg-icon\n [ngClass]=\"{ rotate: option.open }\"\n class=\"header-arrow\"\n [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n ></svg-icon>\n </div>\n </ng-container>\n </div>\n\n <!-- Franchise Stores -->\n <ng-container *ngIf=\"option.isFranchise && option.open\">\n <div\n [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n class=\"fuel-franchise-stores\"\n >\n <ng-container *ngFor=\"let store of option.stores\">\n <div\n (click)=\"onActiveItemGroupEmit(option, store)\"\n [ngClass]=\"{\n active: activeItem?.id === store?.id,\n }\"\n class=\"fuel-franchise-single-store\"\n >\n <span\n [innerHtml]=\"\n store?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-name\"\n >\n </span>\n <span\n [innerHtml]=\"\n store?.address\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"fuel-franchise-store-address\"\n >\n </span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n}\n" }]
|
|
10591
10591
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10592
10592
|
type: Input
|
|
10593
10593
|
}], activeItem: [{
|
|
@@ -10679,7 +10679,7 @@ class CaInputDropdownDetailsTemplateComponent {
|
|
|
10679
10679
|
this.onActiveItem.emit(option);
|
|
10680
10680
|
}
|
|
10681
10681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDetailsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDetailsTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-details-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", sort: "sort", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; let i = $index; track option.id) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n (mouseenter)=\"hoveringIndex = i\"\n (mouseleave)=\"hoveringIndex = -1\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n 'load-details-template': option?.status?.statusString,\n }\"\n class=\"dropdown-option details-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{\n active: sort === 'active-drivers' && option?.status === 1,\n }\"\n class=\"details-template-text\"\n ></div>\n\n <!-- Svg -->\n\n @if (option?.svg) {\n <svg-icon\n [src]=\"option?.svg | caSvg: option?.folder\"\n class=\"details-template-logo\"\n ></svg-icon>\n }\n\n @if (option?.status?.statusString) {\n <p class=\"m-0 additional-text\">\n @if (i === hoveringIndex) {\n ${{ option?.totalBill }}K\n } @else {\n {{ option?.referenceNumber }}\n }\n </p>\n }\n\n <!-- Driver & Load Details Template -->\n\n @if (option?.address?.address || option?.status?.statusString) {\n <div\n class=\"d-flex align-items-center driver-details-template-container\"\n >\n <div class=\"d-flex align-items-center left-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n {{ option?.totalMiles }} mi\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.address?.city }},\n {{ option?.address?.stateShortName }}\n }\n }\n </p>\n </div>\n\n <div class=\"d-flex align-items-center right-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n ${{ option?.totalEarnings }}K\n } @else {\n {{ option?.brokerName }}\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.hiredAt }}\n } @else {\n <ca-load-status-string\n [isDropdownColor]=\"true\"\n [status]=\"{\n name: option?.status?.statusString,\n valueForRequest:\n option?.status?.statusValue?.name,\n }\"\n [statusOrder]=\"{\n type: option.stopType!,\n stopOrder:\n option?.status?.statusCheckInNumber,\n }\"\n ></ca-load-status-string>\n }\n }\n </p>\n </div>\n </div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDetailsTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-details-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", sort: "sort", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; let i = $index; track option.id) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n (mouseenter)=\"hoveringIndex = i\"\n (mouseleave)=\"hoveringIndex = -1\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n 'load-details-template': option?.status?.statusString,\n }\"\n class=\"dropdown-option details-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{\n active: sort === 'active-drivers' && option?.status === 1,\n }\"\n class=\"details-template-text\"\n ></div>\n\n <!-- Svg -->\n\n @if (option?.svg) {\n <svg-icon\n [src]=\"option?.svg | caSvg: option?.folder\"\n class=\"details-template-logo\"\n ></svg-icon>\n }\n\n @if (option?.status?.statusString) {\n <p class=\"m-0 additional-text\">\n @if (i === hoveringIndex) {\n ${{ option?.totalBill }}K\n } @else {\n {{ option?.referenceNumber }}\n }\n </p>\n }\n\n <!-- Driver & Load Details Template -->\n\n @if (option?.address?.address || option?.status?.statusString) {\n <div\n class=\"d-flex align-items-center driver-details-template-container\"\n >\n <div class=\"d-flex align-items-center left-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n {{ option?.totalMiles }} mi\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.address?.city }},\n {{ option?.address?.stateShortName }}\n }\n }\n </p>\n </div>\n\n <div class=\"d-flex align-items-center right-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n ${{ option?.totalEarnings }}K\n } @else {\n {{ option?.brokerName }}\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.hiredAt }}\n } @else {\n <ca-load-status-string\n [isDropdownColor]=\"true\"\n [status]=\"{\n name: option?.status?.statusString,\n valueForRequest:\n option?.status?.statusValue?.name,\n }\"\n [statusOrder]=\"{\n type: option.stopType!,\n stopOrder:\n option?.status?.statusCheckInNumber,\n }\"\n ></ca-load-status-string>\n }\n }\n </p>\n </div>\n </div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
10683
10683
|
// Component
|
|
10684
10684
|
CaLoadStatusStringComponent, selector: "ca-load-status-string", inputs: ["status", "justifyStart", "isDetailsLayout", "isDispatchHistoryModalLayout", "isDropdownColor", "statusOrder", "isDispatch", "isDarkColor"] }, { kind: "pipe", type:
|
|
10685
10685
|
// Pipe
|
|
@@ -10695,7 +10695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10695
10695
|
// Pipe
|
|
10696
10696
|
HighlightSearchPipe,
|
|
10697
10697
|
CaSvgPipe,
|
|
10698
|
-
], template: "@for (option of options; let i = $index; track option.id) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n (mouseenter)=\"hoveringIndex = i\"\n (mouseleave)=\"hoveringIndex = -1\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n 'load-details-template': option?.status?.statusString,\n }\"\n class=\"dropdown-option details-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{\n active: sort === 'active-drivers' && option?.status === 1,\n }\"\n class=\"details-template-text\"\n ></div>\n\n <!-- Svg -->\n\n @if (option?.svg) {\n <svg-icon\n [src]=\"option?.svg | caSvg: option?.folder\"\n class=\"details-template-logo\"\n ></svg-icon>\n }\n\n @if (option?.status?.statusString) {\n <p class=\"m-0 additional-text\">\n @if (i === hoveringIndex) {\n ${{ option?.totalBill }}K\n } @else {\n {{ option?.referenceNumber }}\n }\n </p>\n }\n\n <!-- Driver & Load Details Template -->\n\n @if (option?.address?.address || option?.status?.statusString) {\n <div\n class=\"d-flex align-items-center driver-details-template-container\"\n >\n <div class=\"d-flex align-items-center left-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n {{ option?.totalMiles }} mi\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.address?.city }},\n {{ option?.address?.stateShortName }}\n }\n }\n </p>\n </div>\n\n <div class=\"d-flex align-items-center right-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n ${{ option?.totalEarnings }}K\n } @else {\n {{ option?.brokerName }}\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.hiredAt }}\n } @else {\n <ca-load-status-string\n [isDropdownColor]=\"true\"\n [status]=\"{\n name: option?.status?.statusString,\n valueForRequest:\n option?.status?.statusValue?.name,\n }\"\n [statusOrder]=\"{\n type: option.stopType!,\n stopOrder:\n option?.status?.statusCheckInNumber,\n }\"\n ></ca-load-status-string>\n }\n }\n </p>\n </div>\n </div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10698
|
+
], template: "@for (option of options; let i = $index; track option.id) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n (mouseenter)=\"hoveringIndex = i\"\n (mouseleave)=\"hoveringIndex = -1\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0]?.name === 'No Results',\n 'add-new': option?.name === 'ADD NEW',\n 'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n 'load-details-template': option?.status?.statusString,\n }\"\n class=\"dropdown-option details-template\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n [ngClass]=\"{\n active: sort === 'active-drivers' && option?.status === 1,\n }\"\n class=\"details-template-text\"\n ></div>\n\n <!-- Svg -->\n\n @if (option?.svg) {\n <svg-icon\n [src]=\"option?.svg | caSvg: option?.folder\"\n class=\"details-template-logo\"\n ></svg-icon>\n }\n\n @if (option?.status?.statusString) {\n <p class=\"m-0 additional-text\">\n @if (i === hoveringIndex) {\n ${{ option?.totalBill }}K\n } @else {\n {{ option?.referenceNumber }}\n }\n </p>\n }\n\n <!-- Driver & Load Details Template -->\n\n @if (option?.address?.address || option?.status?.statusString) {\n <div\n class=\"d-flex align-items-center driver-details-template-container\"\n >\n <div class=\"d-flex align-items-center left-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n {{ option?.totalMiles }} mi\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.address?.city }},\n {{ option?.address?.stateShortName }}\n }\n }\n </p>\n </div>\n\n <div class=\"d-flex align-items-center right-box\">\n <p class=\"m-0\">\n @if (i === hoveringIndex) {\n @if (option?.address?.address) {\n ${{ option?.totalEarnings }}K\n } @else {\n {{ option?.brokerName }}\n }\n } @else {\n @if (option?.address?.address) {\n {{ option?.hiredAt }}\n } @else {\n <ca-load-status-string\n [isDropdownColor]=\"true\"\n [status]=\"{\n name: option?.status?.statusString,\n valueForRequest:\n option?.status?.statusValue?.name,\n }\"\n [statusOrder]=\"{\n type: option.stopType!,\n stopOrder:\n option?.status?.statusCheckInNumber,\n }\"\n ></ca-load-status-string>\n }\n }\n </p>\n </div>\n </div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.name === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n [svgStyle]=\"{\n 'width.px': '14',\n 'height.px': '14',\n }\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
10699
10699
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10700
10700
|
type: Input
|
|
10701
10701
|
}], activeItem: [{
|
|
@@ -10735,7 +10735,7 @@ class CaInputDropdownPayrollTrucksComponent {
|
|
|
10735
10735
|
this.onActiveItem.emit(option);
|
|
10736
10736
|
}
|
|
10737
10737
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownPayrollTrucksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10738
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownPayrollTrucksComponent, isStandalone: true, selector: "app-ca-input-dropdown-payroll-trucks", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let indx = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0].name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0].name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n\n @if (options[0].name !== 'No Results') {\n <!-- Truck -->\n <div\n class=\"load-dispatches-container d-flex {{\n option?.subFolder\n }} {{\n option?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n </div>\n }\n\n @if (option?.suffix) {\n <!-- Additional Text -->\n <div\n [innerHtml]=\"\n option?.suffix\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
10738
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownPayrollTrucksComponent, isStandalone: true, selector: "app-ca-input-dropdown-payroll-trucks", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let indx = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0].name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0].name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n\n @if (options[0].name !== 'No Results') {\n <!-- Truck -->\n <div\n class=\"load-dispatches-container d-flex {{\n option?.subFolder\n }} {{\n option?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n </div>\n }\n\n @if (option?.suffix) {\n <!-- Additional Text -->\n <div\n [innerHtml]=\"\n option?.suffix\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
10739
10739
|
// Pipe
|
|
10740
10740
|
HighlightSearchPipe, name: "caHighlight" }] }); }
|
|
10741
10741
|
}
|
|
@@ -10746,7 +10746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
10746
10746
|
AngularSvgIconModule,
|
|
10747
10747
|
// Pipe
|
|
10748
10748
|
HighlightSearchPipe,
|
|
10749
|
-
], template: "@for (option of options; track option.id; let indx = $index) {\n <div\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0].name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0].name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n\n @if (options[0].name !== 'No Results') {\n <!-- Truck -->\n <div\n class=\"load-dispatches-container d-flex {{\n option?.subFolder\n }} {{\n option?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n </div>\n }\n\n @if (option?.suffix) {\n <!-- Additional Text -->\n <div\n [innerHtml]=\"\n option?.suffix\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n </div>\n}\n" }]
|
|
10749
|
+
], template: "@for (option of options; track option.id; let indx = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 && options[0].name === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n >\n <!-- No Results -->\n @if (options.length === 1 && options[0].name === 'No Results') {\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n ></div>\n }\n\n @if (options[0].name !== 'No Results') {\n <!-- Truck -->\n <div\n class=\"load-dispatches-container d-flex {{\n option?.subFolder\n }} {{\n option?.truckType?.name\n ?.trim()\n ?.replace(' ', '')\n ?.toLowerCase()\n }}\"\n >\n <svg-icon\n class=\"load-dispatches-svg\"\n [src]=\"\n option?.logoName\n ? inputDropdownSvgRoutes.trucksSvgRoute +\n option?.logoName\n : ''\n \"\n ></svg-icon>\n <div\n [innerHtml]=\"\n option?.name\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"load-dispatch-truck\"\n ></div>\n </div>\n }\n\n @if (option?.suffix) {\n <!-- Additional Text -->\n <div\n [innerHtml]=\"\n option?.suffix\n | caHighlight\n : [\n {\n index: 45632,\n text: getSuperControl?.value,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n ></div>\n }\n </div>\n}\n" }]
|
|
10750
10750
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
10751
10751
|
type: Input
|
|
10752
10752
|
}], activeItem: [{
|
|
@@ -11392,7 +11392,7 @@ class InputTestComponent extends InputCommandMixin(InputHelperMixin(class {
|
|
|
11392
11392
|
});
|
|
11393
11393
|
}
|
|
11394
11394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputTestComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }, { token: i2$1.NgxMaskService }, { token: ThousandSeparatorPipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: InputTestComponent, isStandalone: true, selector: "ca-input-test", inputs: { selectedDropdownLabelColor: "selectedDropdownLabelColor", template: "template", incorrectValue: "incorrectValue", inputConfig: "inputConfig" }, outputs: { handleToggleDropdownOptions: "handleToggleDropdownOptions", incorrectInput: "incorrectEvent", blurInput: "blurInput", focusInputEvent: "focusInput", changeInput: "change", commandEvent: "commandEvent", clearInputEvent: "clear", showHideDropdownEvent: "showHideDropdown", dropDownKeyNavigationEvent: "dropDownKeyNavigation" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"input-custom-group {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputContainerClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : control?.value\n \"\n ngbTooltip\n [mainCaTooltip]=\"control?.errors | inputError: _inputConfig.name\"\n [tooltipBackground]=\"'#DF3C3C'\"\n [disableTooltip]=\"!_inputConfig.requiredLabel || !!control?.valid\"\n position=\"bottom\"\n triggers=\"hover\"\n>\n <!-- Input Commands -->\n @if (_inputConfig.commands?.active && isVisibleCommands) {\n <app-ca-input-commands\n [inputConfig]=\"_inputConfig\"\n [isFocusInput]=\"isFocusInput\"\n [isVisibleCommands]=\"isVisibleCommands\"\n (onCommandsClick)=\"onCommands($event)\"\n >\n </app-ca-input-commands>\n }\n <!-- Input Valid Check -->\n @if (\n control | showValidCheck: isFocusInput : _inputConfig : control?.value\n ) {\n <svg-icon\n class=\"input-required-check {{ _inputConfig.customClass }}\"\n [src]=\"inputSvgRoutes.confirmSvg\"\n ></svg-icon>\n }\n <!-- Input Password Caps Lock And Eye -->\n @if (_inputConfig.type === 'password') {\n <app-ca-input-password\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"isTouchedInput\"\n [isCapsLockOn]=\"isCapsLockOn\"\n [isTogglePassword]=\"isTogglePassword\"\n (onTogglePasswordClick)=\"onTogglePassword($event)\"\n >\n </app-ca-input-password>\n }\n <!-- Input Clear -->\n @if (_inputConfig | showClear) {\n <app-ca-input-clear\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [incorrectValue]=\"incorrectValue\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [template]=\"template\"\n (clearInputClick)=\"clearInput($event)\"\n >\n </app-ca-input-clear>\n }\n\n <!-- Input Dropdown Arrow -->\n @if (_inputConfig | showDropdownArrow) {\n <svg-icon\n class=\"input-dropdown-arrow {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputDropdownArrowClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"inputSvgRoutes.inputDropdownArrowSvg\"\n (click)=\"toggleDropdownOptions()\"\n ></svg-icon>\n }\n\n <!-- Input Placeholder Icon -->\n @if (_inputConfig.placeholderIcon) {\n <app-ca-input-placeholder-icon\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"control?.touched!\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [isEditInput]=\"isEditInput\"\n (onPlaceholderIconEventEmitter)=\"onPlaceholderIconEvent($event)\"\n (onPopoverShownEmitter)=\"onPopoverShown()\"\n (onPopoverHiddenEmitter)=\"onPopoverHidden()\"\n >\n </app-ca-input-placeholder-icon>\n }\n\n <!-- Input Placeholder Text -->\n @if (\n _inputConfig\n | showPlaceholderText: control : isVisibleCommands : control?.value\n ) {\n <span\n class=\"ca-placeholder-text {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderTextClass\n : control?.touched!\n : control\n : _inputConfig\n : isVisibleCommands\n : control?.value\n \"\n [style.left]=\"\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.PERSONS ||\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.VEHICLES\n ? 30 + (control?.value?.toString()?.length + 1) * 9 + 'px'\n : isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? 'auto'\n : (control?.value?.toString()?.length + 1) * 8 + 'px'\n \"\n [style.right]=\"\n isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? '28px'\n : 'auto'\n \"\n >\n {{ _inputConfig.placeholderText }}\n </span>\n }\n\n <!-- Input Label Counter -->\n @if (\n selectedDropdownLabelColor &&\n control?.value &&\n !isFocusInput &&\n !_inputConfig.isDisabled &&\n _inputConfig.showCount\n ) {\n <p\n [style.top]=\"'4px'\"\n [style.left]=\"\n (control?.value?.toString()?.length + 6.5) * 8 + 'px'\n \"\n class=\"input-label-counter\"\n >\n {{ selectedDropdownLabelColor.count }}\n </p>\n }\n\n <!-- Special Dropdown Selected SVG with or Without Text -->\n @if (\n _inputConfig?.dropdownImageInput?.svg &&\n !_inputConfig?.hideAllItemsInInputDropdown &&\n !(!_inputConfig.dropdownImageInput?.withText && isFocusInput) &&\n !(\n ['truck', 'trailer'].includes(\n _inputConfig.dropdownImageInput?.template!\n ) &&\n isFocusInput &&\n _inputConfig.dropdownImageInput?.remove\n ) &&\n !_inputConfig?.dropdownImageInput?.nameInitialsInsteadUrl\n ) {\n <svg-icon\n [src]=\"_inputConfig.dropdownImageInput?.url!\"\n class=\"dropdown-selected-image {{\n _inputConfig.dropdownImageInput?.class\n }}\"\n [ngClass]=\"{\n 'unset-color':\n isFocusInput && _inputConfig.dropdownImageInput?.class,\n }\"\n [svgStyle]=\"{\n fill:\n _inputConfig.dropdownImageInput?.color && !isFocusInput\n ? _inputConfig.dropdownImageInput?.color\n : '#ffffff',\n }\"\n >\n </svg-icon>\n }\n\n <!-- Input Label -->\n @if (!_inputConfig.multiSelectDropdownActive) {\n <label\n [for]=\"_inputConfig.name\"\n class=\"input-label {{ _inputConfig.customClass }} {{\n _inputConfig.multipleLabel?.customClass\n }}\"\n [ngClass]=\"\n control?.value\n | labelClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.invalid\n : control?.touched\n \"\n >\n @if (_inputConfig.label) {\n <span>{{ _inputConfig.label }} </span>\n }\n\n @if (_inputConfig.multipleLabel?.labels?.length) {\n <div\n [class]=\"_inputConfig.multipleLabel?.customClass!\"\n [ngClass]=\"{\n 'multiple-labels-position-on-focus':\n isFocusInput ||\n _inputConfig.multipleInputValues?.options?.length,\n required:\n _inputConfig.isRequired && !_inputConfig.isDisabled,\n }\"\n >\n @for (\n label of _inputConfig.multipleLabel?.labels;\n track $index\n ) {\n <span>\n {{ label }}\n </span>\n }\n </div>\n }\n </label>\n }\n\n <input\n #input\n (input)=\"handleInput($event)\"\n [restrictInput]=\"inputConfig\"\n priceFormat\n [priceSeparator]=\"\n inputConfig.priceSeparator || inputConfig.thousandSeparator\n \"\n (focus)=\"handleInputFocus($event)\"\n (blur)=\"handleInputBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [readOnly]=\"_inputConfig.readOnly\"\n [type]=\"_inputConfig.type | inputType: isTogglePassword\"\n class=\"input-control\n {{ _inputConfig.textTransform }}\n {{ _inputConfig.textAlign }}\n {{ _inputConfig.customClass }}\n \"\n [appMaxValue]=\"inputConfig.max\"\n appCapsLock\n (capsLockStatus)=\"handleCapsLock($event)\"\n commandVisible\n (commandVisible)=\"handleCommandVisible($event)\"\n [mask]=\"_inputConfig.mask\"\n [ngClass]=\"\n control\n | inputClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : input\n : isVisibleCommands\n : control?.value\n : control?.invalid\n : control?.touched\n : isDropdownToggler\n : isEditInput\n : template\n \"\n />\n\n <!-- Placeholder Icon on Right Side -->\n @if (_inputConfig.placeholderIconRightSide) {\n <svg-icon\n class=\"placeholder-icon-right-side {{\n _inputConfig.placeholderIconColor\n }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderIconRightClass\n : control\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"\n _inputConfig.placeholderIconRightSide.toLowerCase()\n | caSvg: 'common'\n \"\n ></svg-icon>\n }\n\n <!-- Input Error Message -->\n @if (\n !(!control?.value && isFocusInput) &&\n (isTouchedInput || control?.touched || control?.value) &&\n control?.invalid &&\n !_inputConfig.isInvalidSearchInDropdown &&\n !_inputConfig.isDisabled\n ) {\n @if (\n !(_inputConfig.hideErrorMessage || _inputConfig.errorInsideInput)\n ) {\n <span class=\"input-error {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n\n <!-- Error Message Inside Input -->\n @if (_inputConfig.errorInsideInput) {\n <span class=\"error-inside-input {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n }\n\n @if (_inputConfig.fixedPlacholder && input.value) {\n <span class=\"input-fixed-placehoder-label\">\n {{ _inputConfig.fixedPlacholder }}\n </span>\n }\n</div>\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.datetime-dropdown-holder{position:relative;top:16px}.pickers_holder{position:absolute;top:3px!important;width:auto!important;padding:0;background-color:#fff;box-shadow:0 0 4px #00000026;z-index:999;border-radius:3px;overflow:hidden}.pickers_holder .time_picker{width:167px}.pickers_holder .date_picker{display:flex}.pickers_holder .date_picker .month-years-size{position:relative;width:48px;background-color:#f9f9f9}.pickers_holder .date_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:24px;transform:translateY(-50%);background-color:#fff}.pickers_holder .date_picker .month-years-size .month-year-item{display:flex;align-items:center;justify-content:center;height:24px;font-size:14px;color:#919191;font-weight:400;text-align:center;text-transform:uppercase}.pickers_holder .date_picker .month-years-size .month-year-item .left-year-show{color:#919191;font-size:14px;font-weight:700}.pickers_holder .date_picker .month-years-size .month-year-item:hover{color:#6c6c6c;cursor:pointer;background-color:#fbe9e9;border-radius:2px}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 2px 0}.pickers_holder .date_picker .full-calendars-list{flex:1;max-height:290px;min-width:264px;overflow:hidden}.pickers_holder .date_picker .full-calendars-list .full_list{height:100%}.pickers_holder .date_picker .full-calendars-list .full_list .selfScroll{width:100%;height:100%}.pickers_holder .time_picker .time_picker_head{height:36px;display:flex;padding:0 12px;align-items:center;justify-content:space-between}.pickers_holder .time_picker .time_picker_head .selected_time{font-size:14px;font-weight:800;color:#6c6c6c}.pickers_holder .time_picker .time_picker_head .sel_now{color:#536bc2;font-size:14px;font-weight:700}.pickers_holder .time_picker .time_picker_head .sel_now:hover{cursor:pointer;color:#5673aa}.pickers_holder .time_picker .time_picker_body .picker_body_head{height:22px;display:flex;align-items:center;background-color:#f7f7f7;margin:0 4px 2px;border-radius:2px}.pickers_holder .time_picker .time_picker_body .picker_body_head div{flex:0 0 33%;text-align:center;font-size:10px;font-weight:700;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body_head div.active{color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body{position:relative;height:155px;display:flex;justify-content:center}.pickers_holder .time_picker .time_picker_body .picker_body:after{content:\"\";position:absolute;width:100%;height:31px;top:-1px;left:0;pointer-events:none;background:linear-gradient(to bottom,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body:before{content:\"\";position:absolute;pointer-events:none;width:100%;height:31px;bottom:-1px;left:0;background:linear-gradient(to top,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line{position:absolute;width:calc(100% - 8px);height:22px;top:50%;left:4px;border-radius:2px;transform:translateY(-50%);background-color:#9191911a}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line span{position:absolute;left:30%;font-size:14px;font-weight:400;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers{position:relative;height:22px;flex:0 0 33.3%;height:100%;padding:67px 0;margin:0 7px;overflow:auto;text-align:center;-ms-overflow-style:none;scrollbar-width:none;z-index:10}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:first-child{flex:0 0 28px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(2){flex:0 0 36px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(3){flex:0 0 38px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers::-webkit-scrollbar{display:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#919191;font-weight:400;-webkit-user-select:none;user-select:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item:hover{color:#5673aa;cursor:pointer}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:hover{box-shadow:inset 0 0 4px #00000026}.pickers_holder .time_picker .picker_buttons{display:flex;padding:6px;justify-content:space-between}.pickers_holder .time_picker .picker_buttons .pick_button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;text-align:center;border-radius:2px;font-size:12px;font-weight:700;color:#919191b3}.pickers_holder .time_picker .picker_buttons .pick_button:hover{background-color:#f3f3f3;color:#919191;cursor:pointer}.pickers_holder .time_picker .picker_buttons .pick_button.set_button{width:57px;text-align:center;background-color:#6d82c7;color:#fff}.pickers_holder .time_picker .picker_buttons .pick_button.set_button:hover{background-color:#536bc2}.pickers_holder.dark_picker{background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size{width:40px;background-color:#424242}.pickers_holder.dark_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:26px;transform:translateY(-50%);background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .month-year-item{height:22px;color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item .left-year-show{color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year{color:#fff}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year .left-year-show{color:#fff;font-weight:700}.pickers_holder.dark_picker .month-years-size .month-year-item:hover{color:#fff;background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 4px 0}.pickers_holder.dark_picker .date_picker{margin:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list{min-width:184px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view{width:182px;padding-top:6px;background-color:#2f2f2f}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head{padding:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name{padding:0 4px;color:#fff;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name .year_hold{margin-right:0;color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today{padding:0 4px;color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today:hover{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator{margin:12px 10px;color:#919191;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.current_year{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.full_calendar{margin-bottom:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px 4px;padding:0}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days .cal_day{width:22px;height:22px;margin:0;font-size:9px;color:#aaa;text-align:center}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;row-gap:12px;justify-content:unset;margin:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item{margin:0;height:22px;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item:hover:not(.current_month){background-color:#424242;color:#fff;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item.current_month{color:#fff;background-color:#3b73ed66;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list.current_year .month_list_item{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px;padding:0;height:auto}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day{width:22px;height:22px;margin:0;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#3b73ed66;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#3b73ed66;color:#fff;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.day_in_current_month{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.weekend_day_in_current_month{color:#ccc}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#424242;border-radius:2px;cursor:pointer;color:#fff}.pickers_holder.dark_picker .time_picker{width:156px;margin:4px}.pickers_holder.dark_picker .time_picker .time_picker_head{height:18px;padding:0 4px;margin-bottom:4px}.pickers_holder.dark_picker .time_picker .time_picker_head .selected_time{color:#fff;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_head .sel_now{color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;margin:0 0 4px;padding:2px;background:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head div{color:#aaa;font-size:9px;text-align:center;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body{height:176px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;padding:0 2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:before{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:after{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line{left:0;width:100%;background-color:#3b73ed33}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line{left:33.3%;width:1px;height:12px;margin-top:5px;background-color:#92b1f5;opacity:.4;border-radius:2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line.line_2{left:66.6%}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers{margin:0;padding:77px 0}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{color:#aaa;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item.active_item{color:#fff}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px;margin-top:6px;padding:4px 0 0;border-top:1px solid #424242}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button{height:18px;background-color:#424242;color:#fff;font-size:11px;text-transform:uppercase;border-radius:1px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button.set_button{width:auto;background-color:#3b73ed}.calendar_view{width:260px;padding-top:12px;background-color:#fff}.calendar_view .calendar_view_head{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 12px}.calendar_view .calendar_view_head .month_name{font-size:12px;font-weight:700;color:#6c6c6c}.calendar_view .calendar_view_head .month_name .year_hold{margin-right:5px;text-transform:uppercase;color:#6c6c6c;cursor:pointer}.calendar_view .calendar_view_head .month_name .year_hold:hover{color:#919191}.calendar_view .calendar_view_head .today{font-size:12px;font-weight:700;color:#5673aab3;cursor:pointer}.calendar_view .calendar_view_head .today:hover{color:#3551b7}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport{height:230px;min-height:230px}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view .calendar_indicator{margin:12px;height:18px;font-size:12px;color:#6c6c6c66;font-weight:700}.calendar_view .calendars_list_view .calendar_month_days{padding:0 3px}.calendar_view .calendars_list_view .calendar_month_days.hideVisibility{visibility:hidden}.calendar_view .calendars_list_view .calendar_month_days .cal_day{width:24px;margin:0 6px;font-size:12px;font-weight:700;color:#b7b7b7}.calendar_view .calendars_list_view .calendar_days{height:140px;display:flex;flex-wrap:wrap;padding:0 3px}.calendar_view .calendars_list_view .calendar_days .calendar_day{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0 6px;font-size:14px;font-weight:400;color:#6c6c6c}.calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#919191;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#919191;color:#fff;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer;color:#3c3c3c}.calendar_view .month_list{display:flex;flex-wrap:wrap;justify-content:space-around;height:140px}.calendar_view .month_list .month_list_item{flex:0 0 50px;height:24px;margin:0 10px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;color:#6c6c6c;font-weight:400}.calendar_view .month_list .month_list_item:hover:not(.current_month){background-color:#f7f7f7;color:#3c3c3c;border-radius:2px;cursor:pointer}.calendar_view .month_list .month_list_item.current_month{color:#3c3c3c;background-color:#f7f7f7;border-radius:2px;cursor:pointer}.dropdown{z-index:999!important}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.input-custom-group{display:block;position:relative}.input-custom-group .location-area-filter,.input-custom-group .location-area-filter.focus,.input-custom-group .location-area-filter.focus:hover{background-color:#424242!important;color:#fff!important}.input-custom-group .location-area-filter.focus::placeholder{background-color:#424242!important}.input-custom-group .location-area-filter:focus{background-color:#424242!important;color:#fff!important}.input-custom-group:hover.required-label-table label span{color:#2f2f2f!important}.input-custom-group.custom-empty-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:hover~.input-control{background-color:#dadada}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:before:hover,.input-custom-group.custom-empty-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-filled-hover:hover .input-clear{display:inline-block}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:before:hover,.input-custom-group.custom-filled-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:before:hover,.input-custom-group.custom-filled-hover:hover .input-clear:after:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .input-clear{display:inline-block!important}.input-custom-group.input-remove-trash-can:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .placeholder-icon-right-side{opacity:0}.input-custom-group.input-remove-background:hover .input-control{background:transparent!important}.input-custom-group.input-remove-background.input-blue-text{color:red}.input-custom-group.input-remove-background .input-control{background:transparent;color:#2f2f2f;font-weight:400}.input-custom-group.input-remove-background .input-control.focus,.input-custom-group.input-remove-background .input-control.focus:hover{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-control.focus::placeholder{color:#fff!important}.input-custom-group.input-remove-background .input-control:focus{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-dropdown-arrow svg path{fill:#919191!important}.input-custom-group.input-blue-text .input-control{color:#6692f1}.input-custom-group.invalid-filled-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-filled-focus-out:hover .input-clear,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-filled-focus-out:hover .input-icon,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear{display:inline-block}.input-custom-group.invalid-filled-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-label-counter{display:flex}.input-custom-group.invalid-empty-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-empty-focus-out:hover .input-clear{display:none}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg path{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg rect{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg path{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg rect{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-empty-focus-out:hover .input-icon{display:inline-block}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-icon:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.invalid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#e22e22}.input-custom-group.invalid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.invalid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#e22e22}.input-custom-group.valid-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear,.input-custom-group.valid-focus-out:hover .input-pen-container,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow,.input-custom-group.valid-focus-out:hover .input-icon,.input-custom-group.valid-focus-out:hover .input-label-counter,.input-custom-group.valid-focus-out:hover .input-password-eye,.input-custom-group.valid-focus-out:hover app-ca-input-password,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.valid-focus-out:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-clear:before:hover,.input-custom-group.valid-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:before:hover,.input-custom-group.valid-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:before:hover,.input-custom-group.valid-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:before:hover,.input-custom-group.valid-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-label-counter{display:flex}.input-custom-group.valid-focus-out:hover .input-required-check{display:none}.input-custom-group.valid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-in:hover .trash-can-svg:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#255bb9}.input-custom-group.valid-focus-in:hover .trash-can-svg:before:hover,.input-custom-group.valid-focus-in:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#255bb9}.input-custom-group.inactive-filled:hover .input-clear,.input-custom-group.inactive-filled:hover .trash-can-svg,.input-custom-group.inactive-filled:hover .input-pen-container,.input-custom-group.inactive-filled:hover .input-dropdown-arrow,.input-custom-group.inactive-filled:hover .input-icon,.input-custom-group.inactive-filled:hover .input-password-eye,.input-custom-group.inactive-filled:hover app-ca-input-password,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-filled:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-filled:hover .input-clear:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-filled:hover .input-clear:before:hover,.input-custom-group.inactive-filled:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:before:hover,.input-custom-group.inactive-filled:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:before:hover,.input-custom-group.inactive-filled:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:before:hover,.input-custom-group.inactive-filled:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:before:hover,.input-custom-group.inactive-filled:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear,.input-custom-group.inactive-empty:hover .input-pen-container,.input-custom-group.inactive-empty:hover .input-dropdown-arrow,.input-custom-group.inactive-empty:hover .input-icon,.input-custom-group.inactive-empty:hover .input-password-eye,.input-custom-group.inactive-empty:hover app-ca-input-password,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-empty:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-empty:hover .input-clear:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear:before:hover,.input-custom-group.inactive-empty:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:before:hover,.input-custom-group.inactive-empty:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:before:hover,.input-custom-group.inactive-empty:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:before:hover,.input-custom-group.inactive-empty:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group .input-label{position:absolute;top:4px;left:6px;font-size:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:.3s ease-in-out}.input-custom-group .input-label span::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label span::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label.required:after{content:\" *\";color:#ef5350}.input-custom-group .input-label.inactive-empty{color:#919191!important}.input-custom-group .input-label.up-label{top:-17px;left:6px;font-size:11px;font-weight:600}.input-custom-group .input-label.in-label{top:4px!important;font-size:11px!important;font-weight:600!important;transition:none!important}.input-custom-group .input-label.in-label.in-label-focus{color:#fff!important}.input-custom-group .input-label.no-transition{transition:none!important}.input-custom-group .input-label.input-placeholderIcon-on{left:37px}.input-custom-group .input-label.input-placeholderIcon-on.up-label{left:36px}.input-custom-group .input-label.hidden{display:none!important}.input-custom-group .input-label.required-label span{color:#df3c3c}.input-custom-group .input-label.load-shipper .load-shipper{display:grid;grid-template-columns:455px 120px;align-items:center}.input-custom-group .input-label.load-shipper .load-shipper span:nth-child(2){text-align:right;color:#6c6c6c;font-size:11px;font-weight:600}.input-custom-group .input-label.load-shipper.required:after{position:absolute;right:0;left:60px;top:0}.input-custom-group .input-label.load-shipper.multiple-labels.required:after,.input-custom-group .input-label.load-shipper.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;right:0;left:48px;top:0}.input-custom-group .input-label .load-dispatches-ttd{display:grid;grid-template-columns:92px 89px 182px 53px;align-items:center;-moz-column-gap:65px;grid-column-gap:65px;column-gap:65px}.input-custom-group .input-label .load-dispatches-ttd span:nth-child(4){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-dispatches-ttd.multiple-labels-position-on-focus span:nth-child(4){transition-delay:.3s;color:#6c6c6c!important;opacity:1;top:-19px}.input-custom-group .input-label.dropdown-double-column>*{display:grid;grid-template-columns:118px 1fr;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.dropdown-triple-column>*{display:grid;grid-template-columns:220px 138px 220px;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.load-broker .load-broker{display:grid;align-items:center;grid-template-columns:277px 82px 69px}.input-custom-group .input-label.load-broker .load-broker span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker span:nth-child(3){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(3){transition-delay:.3s;color:#919191!important;opacity:1;top:-19px;text-align:right}.input-custom-group .input-label.load-broker.required:after{position:absolute;left:51px;right:0;top:-1px}.input-custom-group .input-label.load-broker.multiple-labels.required:after,.input-custom-group .input-label.load-broker.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;left:44px;right:0;top:-1px}.input-custom-group .input-label .load-broker-contact,.input-custom-group .input-label .load-shipper-contact{display:grid;grid-template-columns:235px 38px;align-items:center;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;transition:.3 ease-in-out}.input-custom-group .input-label .load-broker-contact span:nth-child(2),.input-custom-group .input-label .load-shipper-contact span:nth-child(2){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-broker-contact.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label .load-shipper-contact.multiple-labels-position-on-focus span:nth-child(2){transition-delay:.3s;opacity:1;top:-19px;color:#6c6c6c!important}.input-custom-group .input-label.load-shipper-contact .load-shipper-contact{grid-template-columns:295px 38px}.input-custom-group .input-label.regular{font-weight:400}.input-custom-group .input-label.datetimeclass.dark{color:#fff}.input-custom-group .hide-loads .load-broker{grid-template-columns:365px 92px}.input-custom-group .input-control{width:100%;height:26px;border:none;outline:none;border-radius:2px;padding:4px 6px;font-size:14px;font-weight:400;background-color:#eee;color:#2f2f2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-custom-group .input-control::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.center{text-align:center}.input-custom-group .input-control.uppercase{text-transform:uppercase}.input-custom-group .input-control.lowercase{text-transform:lowercase}.input-custom-group .input-control:hover{background-color:#dadada}.input-custom-group .input-control:focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .input-control:focus::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-placeholder{color:#fff6}.input-custom-group .input-control:focus:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus.blue-dropdown{background-color:#0b49d1}.input-custom-group .input-control.valid-focus-in,.input-custom-group .input-control.dropdown-placeholder-active,.input-custom-group .input-control.multiSelect-dropdown-active{background-color:#255bb9;color:#fff}.input-custom-group .input-control.valid-focus-in::-webkit-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-webkit-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-webkit-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-moz-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in:-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active:-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active:-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::placeholder,.input-custom-group .input-control.dropdown-placeholder-active::placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-selection,.input-custom-group .input-control.dropdown-placeholder-active::-moz-selection,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-in::selection,.input-custom-group .input-control.dropdown-placeholder-active::selection,.input-custom-group .input-control.multiSelect-dropdown-active::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-out-filled{background-color:#e2ecf9;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled.input-dropdown-table{background-color:#fff}.input-custom-group .input-control.valid-focus-out-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled:hover{background-color:#c5d8f3}.input-custom-group .input-control.invalid-focus-in,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in{background-color:#e22e22;color:#fff}.input-custom-group .input-control.invalid-focus-in::-moz-selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-in::selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-out-filled,.input-custom-group .input-control.invalid-focus-out-empty{background-color:#fae3e3;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::-moz-selection,.input-custom-group .input-control.invalid-focus-out-empty::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::selection,.input-custom-group .input-control.invalid-focus-out-empty::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled:hover,.input-custom-group .input-control.invalid-focus-out-empty:hover{background-color:#f5c7c7}.input-custom-group .input-control.invalid-focus-out-empty-table:hover{color:#2f2f2f;background-color:#f5c7c7}.input-custom-group .input-control.inactive-empty{background-color:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled{background-color:#f7f7f7;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.inactive-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.datetimeclass:not(.inactive-filled){letter-spacing:1px;pointer-events:none;opacity:0}.input-custom-group .input-control.has-placeholderIcon{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-truck{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-webkit-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-moz-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus:-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-trailer{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-webkit-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-moz-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus:-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-color{padding-left:29px}.input-custom-group .input-control.dropdown-input-image-user{padding-left:30px}.input-custom-group .input-control.dropdown-input-image-pm{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-without-text-transparent,.input-custom-group .input-control.multiple-input-values{color:transparent}.input-custom-group .input-control.input-32-font-20{font-weight:700;font-size:20px}.input-custom-group .input-control.details-pages{height:32px;background:#1d1d1d;color:#fff6}.input-custom-group .input-control.details-pages .input-dropdown-arrow:hover,.input-custom-group .input-control.details-pages:hover{background:#1d1d1d}.input-custom-group .input-control.details-pages::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-moz-placeholder{color:#fff6}.input-custom-group .input-control.details-pages:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::placeholder{color:#fff6}.input-custom-group .input-control.disable-select-on-focus-out::-moz-selection{background-color:transparent}.input-custom-group .input-control.disable-select-on-focus-out::selection{background-color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-webkit-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-moz-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input:-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::placeholder{opacity:0;color:transparent}.input-custom-group .input-control.multiple-input-placeholder{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-dispatches-ttd,.input-custom-group .input-control.load-broker,.input-custom-group .input-control.load-shipper,.input-custom-group .input-control.load-shipper-contact{position:absolute;bottom:1.5px;background-color:transparent;display:grid;align-items:center}.input-custom-group .input-control.load-dispatches-ttd span,.input-custom-group .input-control.load-broker span,.input-custom-group .input-control.load-shipper span,.input-custom-group .input-control.load-shipper-contact span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.double-text-dropdown{position:absolute;top:50%;transform:translateY(-48%);background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding-right:26px}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text{color:#919191;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd{grid-template-columns:repeat(2,156px) 150px 122px;padding-top:3px}.input-custom-group .input-control.load-dispatches-ttd svg{height:16px;width:44px}.input-custom-group .input-control.load-dispatches-ttd svg path{fill:#919191}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(1) .multiple-input-text,.input-custom-group .input-control.load-dispatches-ttd span:nth-child(2) .multiple-input-text{max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(3) .multiple-input-text{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:last-child{justify-content:flex-end}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text{color:#919191!important;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.load-dispatches-ttd span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd span span{line-height:23px;position:relative}.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd .focusable-image{opacity:.6}.input-custom-group .input-control.load-dispatches-ttd .trailerContainer{width:max-content!important;padding:0!important;margin:0!important}.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-broker{display:grid;grid-template-columns:229px 115px 48px;align-items:center;height:24px}.input-custom-group .input-control.load-broker span:nth-child(1){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-custom-group .input-control.load-broker span:nth-child(2),.input-custom-group .input-control.load-broker span:nth-child(3){justify-content:flex-end}.input-custom-group .input-control.load-broker span:nth-child(3){position:relative;bottom:1px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-broker-contact,.input-custom-group .input-control.load-shipper-contact{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:grid;grid-template-columns:165px 94px;align-items:center;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.load-broker-contact span,.input-custom-group .input-control.load-shipper-contact span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-broker-contact span span,.input-custom-group .input-control.load-shipper-contact span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.load-broker-contact span:nth-child(2),.input-custom-group .input-control.load-shipper-contact span:nth-child(2){justify-self:flex-end;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-broker-contact span:nth-child(2) span,.input-custom-group .input-control.load-shipper-contact span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.text-suffix{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:flex;align-items:center;column-gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.text-suffix span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.text-suffix span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.text-suffix span:nth-child(2){justify-self:flex-end;font-size:14px;font-weight:400;line-height:18px}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text){color:#919191!important}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text):before{content:\"\\2022 \"}.input-custom-group .input-control.text-suffix span:nth-child(2) span.ca-add-dot:before{content:\"\\2022 \"}.input-custom-group .input-control.load-shipper-contact{grid-template-columns:283px 38px}.input-custom-group .input-control.load-shipper{grid-template-columns:394px 180px;-moz-column-gap:2px;column-gap:2px;padding-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px}.input-custom-group .input-control.load-shipper span:nth-child(2),.input-custom-group .input-control.load-shipper span:nth-child(3){justify-content:flex-end;font-size:11px;color:#919191!important;font-weight:400}.input-custom-group .input-control.load-shipper span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.load-shipper span:nth-child(2) span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px;position:relative;bottom:1px}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-shipper span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.cursor-on-right-side{text-align:right;padding-right:32px}.input-custom-group .input-control.merge-dropdown-body-with-input::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-moz-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::placeholder{color:#fff6}.input-custom-group .input-control.input-commands{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.input-commands.blue-commands{background-color:#0b49d1!important}.input-custom-group .input-control.dropdown-label-active{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.dispatch-dropdown{width:calc(100% - 24px);background-color:#2f2f2f!important}.input-custom-group input[type=number]::-webkit-inner-spin-button,.input-custom-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]::-webkit-inner-spin-button:hover,.input-custom-group input[type=number]::-webkit-outer-spin-button:hover,.input-custom-group input[type=number]::-webkit-inner-spin-button:focus,.input-custom-group input[type=number]::-webkit-outer-spin-button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]{-moz-appearance:textfield!important}.input-custom-group input[type=number]:hover,.input-custom-group input[type=number]:focus{-moz-appearance:textfield!important}.input-custom-group .load-dispatches-ttd-owner{position:absolute;left:13px;bottom:7px;width:10px;height:10px}.input-custom-group .load-dispatches-ttd-owner svg{width:10px!important;height:10px!important}.input-custom-group .time-picker-opacity{opacity:1!important}.input-custom-group .dispatch-history-default-color{background:#f7f7f7!important;transition:background .3s ease-in-out}.input-custom-group .dispatch-history-row-hover{background:#eee!important;transition:background .3s ease-in-out}.input-custom-group .input-required-check{position:absolute;right:6px;width:14px;height:10px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-required-check svg path{fill:#6f9ee0}.input-custom-group .input-clear{position:absolute;right:4px;top:47%;transform:translateY(-50%);border-radius:1px;display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-clear .input-clear-x svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-clear .input-clear-x svg path{fill:#eee}.input-custom-group .input-clear .input-clear-x svg rect{fill:#919191;transition:transform .3s;transform:scale(1);transform-origin:center}.input-custom-group .input-clear .input-clear-x:hover svg{overflow:visible}.input-custom-group .input-clear .input-clear-x:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#424242}.input-custom-group .input-clear.datetimeclass{z-index:22!important}.input-custom-group .input-clear.focus{display:inline-block}.input-custom-group .input-clear.focus .input-clear-x svg path{fill:#1d1d1d}.input-custom-group .input-clear.focus .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.focus .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-in{display:inline-block}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg path{fill:#255bb9}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.invalid-focus-in{display:inline-block}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg path{fill:#e22e22}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg rect{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg path{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg rect{fill:#e57373}.input-custom-group .input-clear.invalid-focus-out .input-clear-x:hover svg rect{fill:#ef5350}.input-custom-group .input-clear.incorrect-input{display:none}.input-custom-group .input-clear.incorrect-input .input-clear-x svg path{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input .input-clear-x svg rect{fill:transparent!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover{display:inline-block}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input-on{display:inline-block}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg rect{fill:#e57373!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.dropdown-on{right:27px!important;top:50%;transform:translateY(-50%)}.input-custom-group .input-clear.dropdown-on svg-icon{display:flex}.input-custom-group .input-clear.hidden{display:none}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg{width:20px!important;height:20px!important;position:relative;left:1px}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg path{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg path{fill:#919191}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg rect{fill:#919191}.input-custom-group .input-clear.trash-can-svg:before{content:\"\";display:block;height:16px;width:1px;border-radius:3px;background-color:#91919166;position:absolute;right:22px;top:56%;transform:translateY(-50%)}.input-custom-group .input-clear.trash-can-svg.valid-focus-in{display:none}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg path{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg path{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg path{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .input-clear-dispatch{position:absolute;right:0;top:47%;display:flex;justify-content:center;align-items:center;width:26px;height:26px;transform:translateY(-50%);border-radius:2px;z-index:10;cursor:pointer;transition:background .3s ease-in-out}.input-custom-group .input-clear-dispatch svg-icon svg{display:flex;width:12px!important;height:12px!important}.input-custom-group .input-clear-dispatch svg-icon svg path{fill:#919191;transition:fill .3s ease-in-out}.input-custom-group .input-clear-dispatch:hover{background-color:#91919166}.input-custom-group .input-clear-dispatch:hover svg-icon svg path{fill:#dadada}.input-custom-group .input-icon{position:absolute;left:6px;top:47%;transform:translateY(-50%);z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.3s ease-in-out}.input-custom-group .input-icon svg-icon svg{width:18px;height:18px}.input-custom-group .input-icon.datetimeclass{z-index:21}.input-custom-group .input-icon.default-svg-color svg path{fill:#919191}.input-custom-group .input-icon.cursor-pointer{cursor:pointer}.input-custom-group .input-icon:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:21px;top:55%;transform:translateY(-50%)}.input-custom-group .input-icon.focus svg path{fill:#ccc}.input-custom-group .input-icon.focus text{fill:#ccc}.input-custom-group .input-icon.focus:after{background:#ccc6}.input-custom-group .input-icon.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in text{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in:after{background:#c5d8f3}.input-custom-group .input-icon.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-icon.valid-focus-out text{fill:#6f9ee0}.input-custom-group .input-icon.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-icon.valid-focus-out-dropdown-label:after{background-color:#6f9ee066}.input-custom-group .input-icon.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in text{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in:after{background-color:#f5c7c7}.input-custom-group .input-icon.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out text{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out:after{background:#e5737366}.input-custom-group .input-icon.inactive-empty svg path{fill:#ccc}.input-custom-group .input-icon.inactive-filled svg path{fill:#aaa}.input-custom-group .input-icon.inactive-filled:after{background-color:#aaa6}.input-custom-group .input-icon.discolor-placeholder svg path{fill:#919191}.input-custom-group .input-icon.load-adjusted-rate svg path{fill:#ffa726}.input-custom-group .input-icon.load-advance-rate svg path{fill:#4db6a2}.input-custom-group .input-icon.hidden{display:none!important}.input-custom-group .input-dropdown-arrow{display:inline-block;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;cursor:pointer}.input-custom-group .input-dropdown-arrow svg{display:flex;width:100%;transform:rotate(0);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow svg path{fill:#919191}.input-custom-group .input-dropdown-arrow:hover svg path{fill:#424242}.input-custom-group .input-dropdown-arrow.datetimeclass{z-index:22!important}.input-custom-group .input-dropdown-arrow.focus svg{transform:rotate(180deg);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow.focus svg path{fill:#ccc}.input-custom-group .input-dropdown-arrow.focus:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-dropdown-arrow.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-dropdown-arrow.invalid-focus-in svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in svg path{fill:#f5c7c7}.input-custom-group .input-dropdown-arrow.invalid-focus-in:hover svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-in svg path{fill:#c5d8f3}.input-custom-group .input-dropdown-arrow.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-dropdown-arrow.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-error{position:absolute;top:100%;right:5px;color:#ef5350;font-size:11px;font-weight:600;line-height:14px;display:inline-block}.input-custom-group .input-error::-moz-selection{background-color:#ef535033;color:#ef5350}.input-custom-group .input-error::selection{background-color:#ef535033;color:#ef5350}.input-custom-group .error-inside-input{position:absolute;right:32px;font-weight:600;font-size:11px;line-height:14px;color:#df3c3c;top:24%;pointer-events:none}.input-custom-group .input-password-eye{display:none;width:18px;height:18px;position:absolute;left:6px;top:50%;transform:translateY(-50%);padding-top:0;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-password-eye svg{width:18px;height:18px;position:absolute;bottom:0}.input-custom-group .input-password-eye svg path{fill:#919191}.input-custom-group .input-password-eye:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:24px;top:52%;transform:translateY(-50%)}.input-custom-group .input-password-eye.visible{display:inline-block}.input-custom-group .input-password-eye.inactive svg path{fill:#ccc}.input-custom-group .input-password-eye.inactive:after{background-color:#aaa6}.input-custom-group .input-password-eye.valid-focus-out svg path{fill:#6f9ee0}.input-custom-group .input-password-eye.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-password-eye.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-password-eye.valid-focus-in{display:inline-block}.input-custom-group .input-password-eye.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-password-eye.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.valid-focus-in:after{background-color:#c5d8f3}.input-custom-group .input-password-eye.invalid-focus-out svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-password-eye.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-password-eye.invalid-focus-out:after{background-color:#e5737366}.input-custom-group .input-password-eye.invalid-focus-in svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-password-eye.invalid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.invalid-focus-in:after{background-color:#f5c7c7}@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}}.input-custom-group .date_time_holder{display:flex;align-items:center;position:absolute;top:0;width:100%;height:100%;padding:0 6px;opacity:0;z-index:20;cursor:text}.input-custom-group .date_time_holder span{position:relative;line-height:14px;display:flex;height:100%;align-items:center;z-index:10}.input-custom-group .date_time_holder span .border-picker{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center;width:0px}.input-custom-group .date_time_holder span::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder span div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder::selection{background-color:transparent!important;color:#fff}.input-custom-group .date_time_holder span.main{padding:0 2px;outline:none;font-size:14px;z-index:11}.input-custom-group .date_time_holder span.main::selection{z-index:10}.input-custom-group .date_time_holder span.main:first-child{padding-left:4px}.input-custom-group .date_time_holder span.reset-selection-color::selection{background-color:transparent!important;color:#2f2f2f!important}.input-custom-group .date_time_holder.focus{opacity:1;padding-left:35px}.input-custom-group .date_time_holder.focus span:nth-child(2){z-index:12;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(3){z-index:13}.input-custom-group .date_time_holder.focus span:nth-child(4){z-index:14;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(5){z-index:15}.input-custom-group .date_time_holder.valid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.valid-focus-out-filled span,.input-custom-group .date_time_holder.valid-focus-out-filled span .border-picker{color:#2f2f2f!important;-webkit-user-select:none;user-select:none}.input-custom-group .date_time_holder.dark.valid-focus-out-filled{background:#3b73ed33!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled span,.input-custom-group .date_time_holder.dark.valid-focus-out-filled span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled:hover{background:#3b73ed66!important}.input-custom-group .date_time_holder.dark.valid-focus-in{background:#0b49d1!important}.input-custom-group .date_time_holder.dark.valid-focus-in span,.input-custom-group .date_time_holder.dark.valid-focus-in span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .date_time_holder.valid-focus-in{opacity:1}.input-custom-group .date_time_holder.valid-focus-in::selection,.input-custom-group .date_time_holder.valid-focus-in div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder.invalid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.date_time_holder_bank_card span.main{padding:0 3px}.input-custom-group .ca-placeholder-text{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);color:#919191;font-weight:400;font-size:14px;line-height:18px;padding-left:1px}.input-custom-group .ca-placeholder-text svg text{fill:#919191}.input-custom-group .ca-placeholder-text.inactive-filled{color:#aaa}.input-custom-group .ca-placeholder-text.inactive-filled svg text{fill:#aaa}.input-custom-group .ca-placeholder-text.focus{color:#919191}.input-custom-group .ca-placeholder-text.focus svg text{fill:#919191}.input-custom-group .ca-placeholder-text.valid-focus-in{color:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-in svg text{fill:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.valid-focus-out svg text{fill:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-in{color:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-in svg text{fill:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-out svg text{fill:#919191}.input-custom-group .input-invalid-danger-mark{position:absolute;right:5px;top:48%;transform:translateY(-50%);line-height:13.3px}.input-custom-group .input-invalid-danger-mark svg{width:13.3px;height:13.3px}.input-custom-group .input-invalid-danger-mark svg path{fill:#e57373}.input-custom-group .password-capslock{position:absolute;right:5px;top:-16px;color:#ffb74d;font-size:11px;font-weight:600;margin:0;padding:0;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.input-custom-group .ta-input-commands{display:flex;align-items:center;gap:4px;position:absolute;right:4px}.input-custom-group .ta-input-commands:before{content:attr(data-before-content);color:#919191;font-weight:400;font-size:14px;line-height:18px}.input-custom-group .ta-input-commands .ta-input-command-first{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-second{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-third{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg rect{fill:none}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg path{fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg path{fill:#bed0f9}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg rect{fill:#ffffffb2}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg path{fill:#0b49d1}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s}.input-custom-group .input-label-counter{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:11px;font-weight:700;color:#424242;background-color:#42424233;border-radius:9px;margin:0;padding-left:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-loading-spinner{position:absolute;right:6px;bottom:3px}.input-custom-group .input-pen-container{position:absolute;right:50px;top:46%;transform:translateY(-50%);display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-pen-container .input-pen svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-pen-container .input-pen svg path{fill:#c5d8f3}.input-custom-group .input-pen-container .input-pen svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#6f9ee0}.input-custom-group .input-pen-container .input-pen:hover svg{overflow:visible}.input-custom-group .input-pen-container .input-pen:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#3074d3}.input-custom-group .dropdown-selected-image{position:absolute;left:6px;top:48%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .dropdown-selected-image.truck-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.trailer-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.name-initials-instead-url{width:18px;height:18px;border-radius:50%;object-fit:cover;top:50%;transform:translateY(-50%)}.input-custom-group .dropdown-selected-image.load-broker{height:26px}.input-custom-group .dropdown-selected-image.load-broker svg{height:18px}.input-custom-group .dropdown-selected-image.load-broker.medium svg #Path_33564{fill:#ffb74d}.input-custom-group .dropdown-selected-image.load-broker.low svg #Path_33564{fill:#e57373}.input-custom-group .dropdown-selected-image.semitruck svg path,.input-custom-group .dropdown-selected-image.semisleeper svg path,.input-custom-group .dropdown-selected-image.boxtruck svg path,.input-custom-group .dropdown-selected-image.reefertruck svg path,.input-custom-group .dropdown-selected-image.cargovan svg path,.input-custom-group .dropdown-selected-image.dumptruck svg path,.input-custom-group .dropdown-selected-image.cementtruck svg path,.input-custom-group .dropdown-selected-image.garbagetruckm .input-custom-group .dropdown-selected-image.towtruck svg path,.input-custom-group .dropdown-selected-image.carhauler svg path,.input-custom-group .dropdown-selected-image.spotter svg path,.input-custom-group .dropdown-selected-image.flatbed svg path,.input-custom-group .dropdown-selected-image.stepdeck svg path,.input-custom-group .dropdown-selected-image.lowboyrgn svg path,.input-custom-group .dropdown-selected-image.chassis svg path,.input-custom-group .dropdown-selected-image.conestoga svg path,.input-custom-group .dropdown-selected-image.sidekit svg path,.input-custom-group .dropdown-selected-image.container svg path,.input-custom-group .dropdown-selected-image.dryvan svg path,.input-custom-group .dropdown-selected-image.reefer svg path,.input-custom-group .dropdown-selected-image.enddump svg path,.input-custom-group .dropdown-selected-image.bottomdump svg path,.input-custom-group .dropdown-selected-image.hopper svg path,.input-custom-group .dropdown-selected-image.tanker svg path,.input-custom-group .dropdown-selected-image.pneumatictanker svg path,.input-custom-group .dropdown-selected-image.carhaulerstigner svg path{fill:#919191!important}.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9856,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9857,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9858,.input-custom-group .dropdown-selected-image.unset-color svg path{fill:#fff6!important}.input-custom-group .placeholder-icon-right-side{position:absolute;right:4px}.input-custom-group .placeholder-icon-right-side.green svg path{fill:#4db6a2}.input-custom-group .placeholder-icon-right-side.purple svg path{fill:#ba68c8}.input-custom-group .placeholder-icon-right-side.blue svg path{fill:#6f9ee0}.input-custom-group .placeholder-icon-right-side.orange svg path{fill:#f89b2e}.input-custom-group .placeholder-icon-right-side.red svg path{fill:#e66767}.input-custom-group .placeholder-icon-right-side:before{content:\"\";display:block;height:15px;width:1px;border-radius:3px;position:absolute;right:22px;top:55%;transform:translateY(-50%);background-color:#91919166}.input-custom-group .placeholder-icon-right-side.focus:before{background-color:#ccc6}.input-custom-group .placeholder-icon-right-side.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .placeholder-icon-right-side.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .placeholder-icon-right-side.invalid-focus-out:before{background-color:#e5737366}.input-custom-group .placeholder-icon-right-side.invalid-focus-in:before{background-color:#f5c7c7}.input-fixed-placehoder-label{color:#919191;position:absolute;right:0;font-size:14px;top:3px}.input-fixed-placehoder-input{padding-right:25px!important}.input-border-radius{border-radius:8px!important}.hide-input-value{text-indent:-9999px}.payroll-deduction-truck-svg{line-height:16px}.payroll-deduction-truck-svg svg{width:46px;height:16px}.payroll-deduction-truck{display:grid!important;grid-template-columns:305px 92px!important}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
11395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: InputTestComponent, isStandalone: true, selector: "ca-input-test", inputs: { selectedDropdownLabelColor: "selectedDropdownLabelColor", template: "template", incorrectValue: "incorrectValue", inputConfig: "inputConfig" }, outputs: { handleToggleDropdownOptions: "handleToggleDropdownOptions", incorrectInput: "incorrectEvent", blurInput: "blurInput", focusInputEvent: "focusInput", changeInput: "change", commandEvent: "commandEvent", clearInputEvent: "clear", showHideDropdownEvent: "showHideDropdown", dropDownKeyNavigationEvent: "dropDownKeyNavigation" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"input-custom-group {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputContainerClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : control?.value\n \"\n ngbTooltip\n [mainCaTooltip]=\"control?.errors | inputError: _inputConfig.name\"\n [tooltipBackground]=\"'#DF3C3C'\"\n [disableTooltip]=\"!_inputConfig.requiredLabel || !!control?.valid\"\n position=\"bottom\"\n triggers=\"hover\"\n>\n <!-- Input Commands -->\n @if (_inputConfig.commands?.active && isVisibleCommands) {\n <app-ca-input-commands\n [inputConfig]=\"_inputConfig\"\n [isFocusInput]=\"isFocusInput\"\n [isVisibleCommands]=\"isVisibleCommands\"\n (onCommandsClick)=\"onCommands($event)\"\n >\n </app-ca-input-commands>\n }\n <!-- Input Valid Check -->\n @if (\n control | showValidCheck: isFocusInput : _inputConfig : control?.value\n ) {\n <svg-icon\n class=\"input-required-check {{ _inputConfig.customClass }}\"\n [src]=\"inputSvgRoutes.confirmSvg\"\n ></svg-icon>\n }\n <!-- Input Password Caps Lock And Eye -->\n @if (_inputConfig.type === 'password') {\n <app-ca-input-password\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"isTouchedInput\"\n [isCapsLockOn]=\"isCapsLockOn\"\n [isTogglePassword]=\"isTogglePassword\"\n (onTogglePasswordClick)=\"onTogglePassword($event)\"\n >\n </app-ca-input-password>\n }\n <!-- Input Clear -->\n @if (_inputConfig | showClear) {\n <app-ca-input-clear\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [incorrectValue]=\"incorrectValue\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [template]=\"template\"\n (clearInputClick)=\"clearInput($event)\"\n >\n </app-ca-input-clear>\n }\n\n <!-- Input Dropdown Arrow -->\n @if (_inputConfig | showDropdownArrow) {\n <svg-icon\n class=\"input-dropdown-arrow {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputDropdownArrowClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"inputSvgRoutes.inputDropdownArrowSvg\"\n (click)=\"toggleDropdownOptions()\"\n ></svg-icon>\n }\n\n <!-- Input Placeholder Icon -->\n @if (_inputConfig.placeholderIcon) {\n <app-ca-input-placeholder-icon\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"control?.touched!\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [isEditInput]=\"isEditInput\"\n (onPlaceholderIconEventEmitter)=\"onPlaceholderIconEvent($event)\"\n (onPopoverShownEmitter)=\"onPopoverShown()\"\n (onPopoverHiddenEmitter)=\"onPopoverHidden()\"\n >\n </app-ca-input-placeholder-icon>\n }\n\n <!-- Input Placeholder Text -->\n @if (\n _inputConfig\n | showPlaceholderText: control : isVisibleCommands : control?.value\n ) {\n <span\n class=\"ca-placeholder-text {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderTextClass\n : control?.touched!\n : control\n : _inputConfig\n : isVisibleCommands\n : control?.value\n \"\n [style.left]=\"\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.PERSONS ||\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.VEHICLES\n ? 30 + (control?.value?.toString()?.length + 1) * 9 + 'px'\n : isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? 'auto'\n : (control?.value?.toString()?.length + 1) * 8 + 'px'\n \"\n [style.right]=\"\n isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? '28px'\n : 'auto'\n \"\n >\n {{ _inputConfig.placeholderText }}\n </span>\n }\n\n <!-- Input Label Counter -->\n @if (\n selectedDropdownLabelColor &&\n control?.value &&\n !isFocusInput &&\n !_inputConfig.isDisabled &&\n _inputConfig.showCount\n ) {\n <p\n [style.top]=\"'4px'\"\n [style.left]=\"\n (control?.value?.toString()?.length + 6.5) * 8 + 'px'\n \"\n class=\"input-label-counter\"\n >\n {{ selectedDropdownLabelColor.count }}\n </p>\n }\n\n <!-- Special Dropdown Selected SVG with or Without Text -->\n @if (\n _inputConfig?.dropdownImageInput?.svg &&\n !_inputConfig?.hideAllItemsInInputDropdown &&\n !(!_inputConfig.dropdownImageInput?.withText && isFocusInput) &&\n !(\n ['truck', 'trailer'].includes(\n _inputConfig.dropdownImageInput?.template!\n ) &&\n isFocusInput &&\n _inputConfig.dropdownImageInput?.remove \n ) &&\n !_inputConfig?.dropdownImageInput?.nameInitialsInsteadUrl\n ) {\n <svg-icon\n [src]=\"_inputConfig.dropdownImageInput?.url!\"\n class=\"dropdown-selected-image dddd {{\n _inputConfig.dropdownImageInput?.class\n }}\"\n [ngClass]=\"{\n 'unset-color':\n isFocusInput && _inputConfig.dropdownImageInput?.class,\n }\"\n [svgStyle]=\"{\n fill:\n _inputConfig.dropdownImageInput?.color && !isFocusInput\n ? _inputConfig.dropdownImageInput?.color\n : '#ffffff',\n }\"\n >\n </svg-icon>\n }\n\n <!-- Input Label -->\n @if (!_inputConfig.multiSelectDropdownActive) {\n <label\n [for]=\"_inputConfig.name\"\n class=\"input-label {{ _inputConfig.customClass }} {{\n _inputConfig.multipleLabel?.customClass\n }}\"\n [ngClass]=\"\n control?.value\n | labelClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.invalid\n : control?.touched\n \"\n >\n @if (_inputConfig.label) {\n <span>{{ _inputConfig.label }} </span>\n }\n\n @if (_inputConfig.multipleLabel?.labels?.length) {\n <div\n [class]=\"_inputConfig.multipleLabel?.customClass!\"\n [ngClass]=\"{\n 'multiple-labels-position-on-focus':\n isFocusInput ||\n _inputConfig.multipleInputValues?.options?.length,\n required:\n _inputConfig.isRequired && !_inputConfig.isDisabled,\n }\"\n >\n @for (\n label of _inputConfig.multipleLabel?.labels;\n track $index\n ) {\n <span>\n {{ label }}\n </span>\n }\n </div>\n }\n </label>\n }\n\n <input\n #input\n (input)=\"handleInput($event)\"\n [restrictInput]=\"inputConfig\"\n priceFormat\n [priceSeparator]=\"\n inputConfig.priceSeparator || inputConfig.thousandSeparator\n \"\n (focus)=\"handleInputFocus($event)\"\n (blur)=\"handleInputBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [readOnly]=\"_inputConfig.readOnly\"\n [type]=\"_inputConfig.type | inputType: isTogglePassword\"\n class=\"input-control\n {{ _inputConfig.textTransform }}\n {{ _inputConfig.textAlign }}\n {{ _inputConfig.customClass }}\n \"\n [appMaxValue]=\"inputConfig.max\"\n appCapsLock\n (capsLockStatus)=\"handleCapsLock($event)\"\n commandVisible\n (commandVisible)=\"handleCommandVisible($event)\"\n [mask]=\"_inputConfig.mask\"\n [ngClass]=\"\n control\n | inputClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : input\n : isVisibleCommands\n : control?.value\n : control?.invalid\n : control?.touched\n : isDropdownToggler\n : isEditInput\n : template\n \"\n />\n\n <!-- Placeholder Icon on Right Side -->\n @if (_inputConfig.placeholderIconRightSide) {\n <svg-icon\n class=\"placeholder-icon-right-side {{\n _inputConfig.placeholderIconColor\n }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderIconRightClass\n : control\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"\n _inputConfig.placeholderIconRightSide.toLowerCase()\n | caSvg: 'common'\n \"\n ></svg-icon>\n }\n\n <!-- Input Error Message -->\n @if (\n !(!control?.value && isFocusInput) &&\n (isTouchedInput || control?.touched || control?.value) &&\n control?.invalid &&\n !_inputConfig.isInvalidSearchInDropdown &&\n !_inputConfig.isDisabled\n ) {\n @if (\n !(_inputConfig.hideErrorMessage || _inputConfig.errorInsideInput)\n ) {\n <span class=\"input-error {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n\n <!-- Error Message Inside Input -->\n @if (_inputConfig.errorInsideInput) {\n <span class=\"error-inside-input {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n }\n\n @if (_inputConfig.fixedPlacholder && input.value) {\n <span class=\"input-fixed-placehoder-label\">\n {{ _inputConfig.fixedPlacholder }}\n </span>\n }\n</div>\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.datetime-dropdown-holder{position:relative;top:16px}.pickers_holder{position:absolute;top:3px!important;width:auto!important;padding:0;background-color:#fff;box-shadow:0 0 4px #00000026;z-index:999;border-radius:3px;overflow:hidden}.pickers_holder .time_picker{width:167px}.pickers_holder .date_picker{display:flex}.pickers_holder .date_picker .month-years-size{position:relative;width:48px;background-color:#f9f9f9}.pickers_holder .date_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:24px;transform:translateY(-50%);background-color:#fff}.pickers_holder .date_picker .month-years-size .month-year-item{display:flex;align-items:center;justify-content:center;height:24px;font-size:14px;color:#919191;font-weight:400;text-align:center;text-transform:uppercase}.pickers_holder .date_picker .month-years-size .month-year-item .left-year-show{color:#919191;font-size:14px;font-weight:700}.pickers_holder .date_picker .month-years-size .month-year-item:hover{color:#6c6c6c;cursor:pointer;background-color:#fbe9e9;border-radius:2px}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 2px 0}.pickers_holder .date_picker .full-calendars-list{flex:1;max-height:290px;min-width:264px;overflow:hidden}.pickers_holder .date_picker .full-calendars-list .full_list{height:100%}.pickers_holder .date_picker .full-calendars-list .full_list .selfScroll{width:100%;height:100%}.pickers_holder .time_picker .time_picker_head{height:36px;display:flex;padding:0 12px;align-items:center;justify-content:space-between}.pickers_holder .time_picker .time_picker_head .selected_time{font-size:14px;font-weight:800;color:#6c6c6c}.pickers_holder .time_picker .time_picker_head .sel_now{color:#536bc2;font-size:14px;font-weight:700}.pickers_holder .time_picker .time_picker_head .sel_now:hover{cursor:pointer;color:#5673aa}.pickers_holder .time_picker .time_picker_body .picker_body_head{height:22px;display:flex;align-items:center;background-color:#f7f7f7;margin:0 4px 2px;border-radius:2px}.pickers_holder .time_picker .time_picker_body .picker_body_head div{flex:0 0 33%;text-align:center;font-size:10px;font-weight:700;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body_head div.active{color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body{position:relative;height:155px;display:flex;justify-content:center}.pickers_holder .time_picker .time_picker_body .picker_body:after{content:\"\";position:absolute;width:100%;height:31px;top:-1px;left:0;pointer-events:none;background:linear-gradient(to bottom,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body:before{content:\"\";position:absolute;pointer-events:none;width:100%;height:31px;bottom:-1px;left:0;background:linear-gradient(to top,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line{position:absolute;width:calc(100% - 8px);height:22px;top:50%;left:4px;border-radius:2px;transform:translateY(-50%);background-color:#9191911a}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line span{position:absolute;left:30%;font-size:14px;font-weight:400;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers{position:relative;height:22px;flex:0 0 33.3%;height:100%;padding:67px 0;margin:0 7px;overflow:auto;text-align:center;-ms-overflow-style:none;scrollbar-width:none;z-index:10}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:first-child{flex:0 0 28px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(2){flex:0 0 36px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(3){flex:0 0 38px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers::-webkit-scrollbar{display:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#919191;font-weight:400;-webkit-user-select:none;user-select:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item:hover{color:#5673aa;cursor:pointer}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:hover{box-shadow:inset 0 0 4px #00000026}.pickers_holder .time_picker .picker_buttons{display:flex;padding:6px;justify-content:space-between}.pickers_holder .time_picker .picker_buttons .pick_button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;text-align:center;border-radius:2px;font-size:12px;font-weight:700;color:#919191b3}.pickers_holder .time_picker .picker_buttons .pick_button:hover{background-color:#f3f3f3;color:#919191;cursor:pointer}.pickers_holder .time_picker .picker_buttons .pick_button.set_button{width:57px;text-align:center;background-color:#6d82c7;color:#fff}.pickers_holder .time_picker .picker_buttons .pick_button.set_button:hover{background-color:#536bc2}.pickers_holder.dark_picker{background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size{width:40px;background-color:#424242}.pickers_holder.dark_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:26px;transform:translateY(-50%);background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .month-year-item{height:22px;color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item .left-year-show{color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year{color:#fff}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year .left-year-show{color:#fff;font-weight:700}.pickers_holder.dark_picker .month-years-size .month-year-item:hover{color:#fff;background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 4px 0}.pickers_holder.dark_picker .date_picker{margin:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list{min-width:184px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view{width:182px;padding-top:6px;background-color:#2f2f2f}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head{padding:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name{padding:0 4px;color:#fff;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name .year_hold{margin-right:0;color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today{padding:0 4px;color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today:hover{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator{margin:12px 10px;color:#919191;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.current_year{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.full_calendar{margin-bottom:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px 4px;padding:0}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days .cal_day{width:22px;height:22px;margin:0;font-size:9px;color:#aaa;text-align:center}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;row-gap:12px;justify-content:unset;margin:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item{margin:0;height:22px;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item:hover:not(.current_month){background-color:#424242;color:#fff;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item.current_month{color:#fff;background-color:#3b73ed66;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list.current_year .month_list_item{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px;padding:0;height:auto}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day{width:22px;height:22px;margin:0;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#3b73ed66;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#3b73ed66;color:#fff;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.day_in_current_month{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.weekend_day_in_current_month{color:#ccc}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#424242;border-radius:2px;cursor:pointer;color:#fff}.pickers_holder.dark_picker .time_picker{width:156px;margin:4px}.pickers_holder.dark_picker .time_picker .time_picker_head{height:18px;padding:0 4px;margin-bottom:4px}.pickers_holder.dark_picker .time_picker .time_picker_head .selected_time{color:#fff;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_head .sel_now{color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;margin:0 0 4px;padding:2px;background:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head div{color:#aaa;font-size:9px;text-align:center;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body{height:176px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;padding:0 2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:before{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:after{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line{left:0;width:100%;background-color:#3b73ed33}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line{left:33.3%;width:1px;height:12px;margin-top:5px;background-color:#92b1f5;opacity:.4;border-radius:2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line.line_2{left:66.6%}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers{margin:0;padding:77px 0}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{color:#aaa;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item.active_item{color:#fff}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px;margin-top:6px;padding:4px 0 0;border-top:1px solid #424242}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button{height:18px;background-color:#424242;color:#fff;font-size:11px;text-transform:uppercase;border-radius:1px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button.set_button{width:auto;background-color:#3b73ed}.calendar_view{width:260px;padding-top:12px;background-color:#fff}.calendar_view .calendar_view_head{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 12px}.calendar_view .calendar_view_head .month_name{font-size:12px;font-weight:700;color:#6c6c6c}.calendar_view .calendar_view_head .month_name .year_hold{margin-right:5px;text-transform:uppercase;color:#6c6c6c;cursor:pointer}.calendar_view .calendar_view_head .month_name .year_hold:hover{color:#919191}.calendar_view .calendar_view_head .today{font-size:12px;font-weight:700;color:#5673aab3;cursor:pointer}.calendar_view .calendar_view_head .today:hover{color:#3551b7}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport{height:230px;min-height:230px}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view .calendar_indicator{margin:12px;height:18px;font-size:12px;color:#6c6c6c66;font-weight:700}.calendar_view .calendars_list_view .calendar_month_days{padding:0 3px}.calendar_view .calendars_list_view .calendar_month_days.hideVisibility{visibility:hidden}.calendar_view .calendars_list_view .calendar_month_days .cal_day{width:24px;margin:0 6px;font-size:12px;font-weight:700;color:#b7b7b7}.calendar_view .calendars_list_view .calendar_days{height:140px;display:flex;flex-wrap:wrap;padding:0 3px}.calendar_view .calendars_list_view .calendar_days .calendar_day{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0 6px;font-size:14px;font-weight:400;color:#6c6c6c}.calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#919191;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#919191;color:#fff;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer;color:#3c3c3c}.calendar_view .month_list{display:flex;flex-wrap:wrap;justify-content:space-around;height:140px}.calendar_view .month_list .month_list_item{flex:0 0 50px;height:24px;margin:0 10px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;color:#6c6c6c;font-weight:400}.calendar_view .month_list .month_list_item:hover:not(.current_month){background-color:#f7f7f7;color:#3c3c3c;border-radius:2px;cursor:pointer}.calendar_view .month_list .month_list_item.current_month{color:#3c3c3c;background-color:#f7f7f7;border-radius:2px;cursor:pointer}.dropdown{z-index:999!important}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.input-custom-group{display:block;position:relative}.input-custom-group .location-area-filter,.input-custom-group .location-area-filter.focus,.input-custom-group .location-area-filter.focus:hover{background-color:#424242!important;color:#fff!important}.input-custom-group .location-area-filter.focus::placeholder{background-color:#424242!important}.input-custom-group .location-area-filter:focus{background-color:#424242!important;color:#fff!important}.input-custom-group:hover.required-label-table label span{color:#2f2f2f!important}.input-custom-group.custom-empty-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:hover~.input-control{background-color:#dadada}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:before:hover,.input-custom-group.custom-empty-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-filled-hover:hover .input-clear{display:inline-block}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:before:hover,.input-custom-group.custom-filled-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:before:hover,.input-custom-group.custom-filled-hover:hover .input-clear:after:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .input-clear{display:inline-block!important}.input-custom-group.input-remove-trash-can:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .placeholder-icon-right-side{opacity:0}.input-custom-group.input-remove-background:hover .input-control{background:transparent!important}.input-custom-group.input-remove-background.input-blue-text{color:red}.input-custom-group.input-remove-background .input-control{background:transparent;color:#2f2f2f;font-weight:400}.input-custom-group.input-remove-background .input-control.focus,.input-custom-group.input-remove-background .input-control.focus:hover{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-control.focus::placeholder{color:#fff!important}.input-custom-group.input-remove-background .input-control:focus{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-dropdown-arrow svg path{fill:#919191!important}.input-custom-group.input-blue-text .input-control{color:#6692f1}.input-custom-group.invalid-filled-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-filled-focus-out:hover .input-clear,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-filled-focus-out:hover .input-icon,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear{display:inline-block}.input-custom-group.invalid-filled-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-label-counter{display:flex}.input-custom-group.invalid-empty-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-empty-focus-out:hover .input-clear{display:none}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg path{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg rect{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg path{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg rect{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-empty-focus-out:hover .input-icon{display:inline-block}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-icon:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.invalid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#e22e22}.input-custom-group.invalid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.invalid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#e22e22}.input-custom-group.valid-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear,.input-custom-group.valid-focus-out:hover .input-pen-container,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow,.input-custom-group.valid-focus-out:hover .input-icon,.input-custom-group.valid-focus-out:hover .input-label-counter,.input-custom-group.valid-focus-out:hover .input-password-eye,.input-custom-group.valid-focus-out:hover app-ca-input-password,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.valid-focus-out:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-clear:before:hover,.input-custom-group.valid-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:before:hover,.input-custom-group.valid-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:before:hover,.input-custom-group.valid-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:before:hover,.input-custom-group.valid-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-label-counter{display:flex}.input-custom-group.valid-focus-out:hover .input-required-check{display:none}.input-custom-group.valid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-in:hover .trash-can-svg:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#255bb9}.input-custom-group.valid-focus-in:hover .trash-can-svg:before:hover,.input-custom-group.valid-focus-in:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#255bb9}.input-custom-group.inactive-filled:hover .input-clear,.input-custom-group.inactive-filled:hover .trash-can-svg,.input-custom-group.inactive-filled:hover .input-pen-container,.input-custom-group.inactive-filled:hover .input-dropdown-arrow,.input-custom-group.inactive-filled:hover .input-icon,.input-custom-group.inactive-filled:hover .input-password-eye,.input-custom-group.inactive-filled:hover app-ca-input-password,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-filled:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-filled:hover .input-clear:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-filled:hover .input-clear:before:hover,.input-custom-group.inactive-filled:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:before:hover,.input-custom-group.inactive-filled:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:before:hover,.input-custom-group.inactive-filled:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:before:hover,.input-custom-group.inactive-filled:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:before:hover,.input-custom-group.inactive-filled:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear,.input-custom-group.inactive-empty:hover .input-pen-container,.input-custom-group.inactive-empty:hover .input-dropdown-arrow,.input-custom-group.inactive-empty:hover .input-icon,.input-custom-group.inactive-empty:hover .input-password-eye,.input-custom-group.inactive-empty:hover app-ca-input-password,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-empty:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-empty:hover .input-clear:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear:before:hover,.input-custom-group.inactive-empty:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:before:hover,.input-custom-group.inactive-empty:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:before:hover,.input-custom-group.inactive-empty:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:before:hover,.input-custom-group.inactive-empty:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group .input-label{position:absolute;top:4px;left:6px;font-size:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:.3s ease-in-out}.input-custom-group .input-label span::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label span::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label.required:after{content:\" *\";color:#ef5350}.input-custom-group .input-label.inactive-empty{color:#919191!important}.input-custom-group .input-label.up-label{top:-17px;left:6px;font-size:11px;font-weight:600}.input-custom-group .input-label.in-label{top:4px!important;font-size:11px!important;font-weight:600!important;transition:none!important}.input-custom-group .input-label.in-label.in-label-focus{color:#fff!important}.input-custom-group .input-label.no-transition{transition:none!important}.input-custom-group .input-label.input-placeholderIcon-on{left:37px}.input-custom-group .input-label.input-placeholderIcon-on.up-label{left:36px}.input-custom-group .input-label.hidden{display:none!important}.input-custom-group .input-label.required-label span{color:#df3c3c}.input-custom-group .input-label.load-shipper .load-shipper{display:grid;grid-template-columns:455px 120px;align-items:center}.input-custom-group .input-label.load-shipper .load-shipper span:nth-child(2){text-align:right;color:#6c6c6c;font-size:11px;font-weight:600}.input-custom-group .input-label.load-shipper.required:after{position:absolute;right:0;left:60px;top:0}.input-custom-group .input-label.load-shipper.multiple-labels.required:after,.input-custom-group .input-label.load-shipper.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;right:0;left:48px;top:0}.input-custom-group .input-label .load-dispatches-ttd{display:grid;grid-template-columns:92px 89px 182px 53px;align-items:center;-moz-column-gap:65px;grid-column-gap:65px;column-gap:65px}.input-custom-group .input-label .load-dispatches-ttd span:nth-child(4){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-dispatches-ttd.multiple-labels-position-on-focus span:nth-child(4){transition-delay:.3s;color:#6c6c6c!important;opacity:1;top:-19px}.input-custom-group .input-label.dropdown-double-column>*{display:grid;grid-template-columns:118px 1fr;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.dropdown-triple-column>*{display:grid;grid-template-columns:220px 138px 220px;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.load-broker .load-broker{display:grid;align-items:center;grid-template-columns:277px 82px 69px}.input-custom-group .input-label.load-broker .load-broker span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker span:nth-child(3){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(3){transition-delay:.3s;color:#919191!important;opacity:1;top:-19px;text-align:right}.input-custom-group .input-label.load-broker.required:after{position:absolute;left:51px;right:0;top:-1px}.input-custom-group .input-label.load-broker.multiple-labels.required:after,.input-custom-group .input-label.load-broker.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;left:44px;right:0;top:-1px}.input-custom-group .input-label .load-broker-contact,.input-custom-group .input-label .load-shipper-contact{display:grid;grid-template-columns:235px 38px;align-items:center;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;transition:.3 ease-in-out}.input-custom-group .input-label .load-broker-contact span:nth-child(2),.input-custom-group .input-label .load-shipper-contact span:nth-child(2){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-broker-contact.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label .load-shipper-contact.multiple-labels-position-on-focus span:nth-child(2){transition-delay:.3s;opacity:1;top:-19px;color:#6c6c6c!important}.input-custom-group .input-label.load-shipper-contact .load-shipper-contact{grid-template-columns:295px 38px}.input-custom-group .input-label.regular{font-weight:400}.input-custom-group .input-label.datetimeclass.dark{color:#fff}.input-custom-group .hide-loads .load-broker{grid-template-columns:365px 92px}.input-custom-group .input-control{width:100%;height:26px;border:none;outline:none;border-radius:2px;padding:4px 6px;font-size:14px;font-weight:400;background-color:#eee;color:#2f2f2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-custom-group .input-control::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.center{text-align:center}.input-custom-group .input-control.uppercase{text-transform:uppercase}.input-custom-group .input-control.lowercase{text-transform:lowercase}.input-custom-group .input-control:hover{background-color:#dadada}.input-custom-group .input-control:focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .input-control:focus::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-placeholder{color:#fff6}.input-custom-group .input-control:focus:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus.blue-dropdown{background-color:#0b49d1}.input-custom-group .input-control.valid-focus-in,.input-custom-group .input-control.dropdown-placeholder-active,.input-custom-group .input-control.multiSelect-dropdown-active{background-color:#255bb9;color:#fff}.input-custom-group .input-control.valid-focus-in::-webkit-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-webkit-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-webkit-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-moz-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in:-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active:-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active:-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::placeholder,.input-custom-group .input-control.dropdown-placeholder-active::placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-selection,.input-custom-group .input-control.dropdown-placeholder-active::-moz-selection,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-in::selection,.input-custom-group .input-control.dropdown-placeholder-active::selection,.input-custom-group .input-control.multiSelect-dropdown-active::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-out-filled{background-color:#e2ecf9;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled.input-dropdown-table{background-color:#fff}.input-custom-group .input-control.valid-focus-out-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled:hover{background-color:#c5d8f3}.input-custom-group .input-control.invalid-focus-in,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in{background-color:#e22e22;color:#fff}.input-custom-group .input-control.invalid-focus-in::-moz-selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-in::selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-out-filled,.input-custom-group .input-control.invalid-focus-out-empty{background-color:#fae3e3;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::-moz-selection,.input-custom-group .input-control.invalid-focus-out-empty::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::selection,.input-custom-group .input-control.invalid-focus-out-empty::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled:hover,.input-custom-group .input-control.invalid-focus-out-empty:hover{background-color:#f5c7c7}.input-custom-group .input-control.invalid-focus-out-empty-table:hover{color:#2f2f2f;background-color:#f5c7c7}.input-custom-group .input-control.inactive-empty{background-color:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled{background-color:#f7f7f7;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.inactive-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.datetimeclass:not(.inactive-filled){letter-spacing:1px;pointer-events:none;opacity:0}.input-custom-group .input-control.has-placeholderIcon{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-truck{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-webkit-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-moz-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus:-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-trailer{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-webkit-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-moz-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus:-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-color{padding-left:29px}.input-custom-group .input-control.dropdown-input-image-user{padding-left:30px}.input-custom-group .input-control.dropdown-input-image-pm{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-without-text-transparent,.input-custom-group .input-control.multiple-input-values{color:transparent}.input-custom-group .input-control.input-32-font-20{font-weight:700;font-size:20px}.input-custom-group .input-control.details-pages{height:32px;background:#1d1d1d;color:#fff6}.input-custom-group .input-control.details-pages .input-dropdown-arrow:hover,.input-custom-group .input-control.details-pages:hover{background:#1d1d1d}.input-custom-group .input-control.details-pages::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-moz-placeholder{color:#fff6}.input-custom-group .input-control.details-pages:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::placeholder{color:#fff6}.input-custom-group .input-control.disable-select-on-focus-out::-moz-selection{background-color:transparent}.input-custom-group .input-control.disable-select-on-focus-out::selection{background-color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-webkit-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-moz-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input:-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::placeholder{opacity:0;color:transparent}.input-custom-group .input-control.multiple-input-placeholder{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-dispatches-ttd,.input-custom-group .input-control.load-broker,.input-custom-group .input-control.load-shipper,.input-custom-group .input-control.load-shipper-contact{position:absolute;bottom:1.5px;background-color:transparent;display:grid;align-items:center}.input-custom-group .input-control.load-dispatches-ttd span,.input-custom-group .input-control.load-broker span,.input-custom-group .input-control.load-shipper span,.input-custom-group .input-control.load-shipper-contact span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.double-text-dropdown{position:absolute;top:50%;transform:translateY(-48%);background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding-right:26px}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text{color:#919191;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd{grid-template-columns:repeat(2,156px) 150px 122px;padding-top:3px}.input-custom-group .input-control.load-dispatches-ttd svg{height:16px;width:44px}.input-custom-group .input-control.load-dispatches-ttd svg path{fill:#919191}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(1) .multiple-input-text,.input-custom-group .input-control.load-dispatches-ttd span:nth-child(2) .multiple-input-text{max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(3) .multiple-input-text{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:last-child{justify-content:flex-end}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text{color:#919191!important;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.load-dispatches-ttd span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd span span{line-height:23px;position:relative}.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd .focusable-image{opacity:.6}.input-custom-group .input-control.load-dispatches-ttd .trailerContainer{width:max-content!important;padding:0!important;margin:0!important}.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-broker{display:grid;grid-template-columns:229px 115px 48px;align-items:center;height:24px}.input-custom-group .input-control.load-broker span:nth-child(1){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-custom-group .input-control.load-broker span:nth-child(2),.input-custom-group .input-control.load-broker span:nth-child(3){justify-content:flex-end}.input-custom-group .input-control.load-broker span:nth-child(3){position:relative;bottom:1px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-broker-contact,.input-custom-group .input-control.load-shipper-contact{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:grid;grid-template-columns:165px 94px;align-items:center;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.load-broker-contact span,.input-custom-group .input-control.load-shipper-contact span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-broker-contact span span,.input-custom-group .input-control.load-shipper-contact span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.load-broker-contact span:nth-child(2),.input-custom-group .input-control.load-shipper-contact span:nth-child(2){justify-self:flex-end;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-broker-contact span:nth-child(2) span,.input-custom-group .input-control.load-shipper-contact span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.text-suffix{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:flex;align-items:center;column-gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.text-suffix span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.text-suffix span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.text-suffix span:nth-child(2){justify-self:flex-end;font-size:14px;font-weight:400;line-height:18px}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text){color:#919191!important}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text):before{content:\"\\2022 \"}.input-custom-group .input-control.text-suffix span:nth-child(2) span.ca-add-dot:before{content:\"\\2022 \"}.input-custom-group .input-control.load-shipper-contact{grid-template-columns:283px 38px}.input-custom-group .input-control.load-shipper{grid-template-columns:394px 180px;-moz-column-gap:2px;column-gap:2px;padding-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px}.input-custom-group .input-control.load-shipper span:nth-child(2),.input-custom-group .input-control.load-shipper span:nth-child(3){justify-content:flex-end;font-size:11px;color:#919191!important;font-weight:400}.input-custom-group .input-control.load-shipper span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.load-shipper span:nth-child(2) span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px;position:relative;bottom:1px}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-shipper span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.cursor-on-right-side{text-align:right;padding-right:32px}.input-custom-group .input-control.merge-dropdown-body-with-input::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-moz-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::placeholder{color:#fff6}.input-custom-group .input-control.input-commands{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.input-commands.blue-commands{background-color:#0b49d1!important}.input-custom-group .input-control.dropdown-label-active{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.dispatch-dropdown{width:calc(100% - 24px);background-color:#2f2f2f!important}.input-custom-group input[type=number]::-webkit-inner-spin-button,.input-custom-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]::-webkit-inner-spin-button:hover,.input-custom-group input[type=number]::-webkit-outer-spin-button:hover,.input-custom-group input[type=number]::-webkit-inner-spin-button:focus,.input-custom-group input[type=number]::-webkit-outer-spin-button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]{-moz-appearance:textfield!important}.input-custom-group input[type=number]:hover,.input-custom-group input[type=number]:focus{-moz-appearance:textfield!important}.input-custom-group .load-dispatches-ttd-owner{position:absolute;left:13px;bottom:7px;width:10px;height:10px}.input-custom-group .load-dispatches-ttd-owner svg{width:10px!important;height:10px!important}.input-custom-group .time-picker-opacity{opacity:1!important}.input-custom-group .dispatch-history-default-color{background:#f7f7f7!important;transition:background .3s ease-in-out}.input-custom-group .dispatch-history-row-hover{background:#eee!important;transition:background .3s ease-in-out}.input-custom-group .input-required-check{position:absolute;right:6px;width:14px;height:10px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-required-check svg path{fill:#6f9ee0}.input-custom-group .input-clear{position:absolute;right:4px;top:47%;transform:translateY(-50%);border-radius:1px;display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-clear .input-clear-x svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-clear .input-clear-x svg path{fill:#eee}.input-custom-group .input-clear .input-clear-x svg rect{fill:#919191;transition:transform .3s;transform:scale(1);transform-origin:center}.input-custom-group .input-clear .input-clear-x:hover svg{overflow:visible}.input-custom-group .input-clear .input-clear-x:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#424242}.input-custom-group .input-clear.datetimeclass{z-index:22!important}.input-custom-group .input-clear.focus{display:inline-block}.input-custom-group .input-clear.focus .input-clear-x svg path{fill:#1d1d1d}.input-custom-group .input-clear.focus .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.focus .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-in{display:inline-block}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg path{fill:#255bb9}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.invalid-focus-in{display:inline-block}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg path{fill:#e22e22}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg rect{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg path{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg rect{fill:#e57373}.input-custom-group .input-clear.invalid-focus-out .input-clear-x:hover svg rect{fill:#ef5350}.input-custom-group .input-clear.incorrect-input{display:none}.input-custom-group .input-clear.incorrect-input .input-clear-x svg path{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input .input-clear-x svg rect{fill:transparent!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover{display:inline-block}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input-on{display:inline-block}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg rect{fill:#e57373!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.dropdown-on{right:27px!important;top:50%;transform:translateY(-50%)}.input-custom-group .input-clear.dropdown-on svg-icon{display:flex}.input-custom-group .input-clear.hidden{display:none}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg{width:20px!important;height:20px!important;position:relative;left:1px}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg path{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg path{fill:#919191}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg rect{fill:#919191}.input-custom-group .input-clear.trash-can-svg:before{content:\"\";display:block;height:16px;width:1px;border-radius:3px;background-color:#91919166;position:absolute;right:22px;top:56%;transform:translateY(-50%)}.input-custom-group .input-clear.trash-can-svg.valid-focus-in{display:none}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg path{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg path{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg path{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .input-clear-dispatch{position:absolute;right:0;top:47%;display:flex;justify-content:center;align-items:center;width:26px;height:26px;transform:translateY(-50%);border-radius:2px;z-index:10;cursor:pointer;transition:background .3s ease-in-out}.input-custom-group .input-clear-dispatch svg-icon svg{display:flex;width:12px!important;height:12px!important}.input-custom-group .input-clear-dispatch svg-icon svg path{fill:#919191;transition:fill .3s ease-in-out}.input-custom-group .input-clear-dispatch:hover{background-color:#91919166}.input-custom-group .input-clear-dispatch:hover svg-icon svg path{fill:#dadada}.input-custom-group .input-icon{position:absolute;left:6px;top:47%;transform:translateY(-50%);z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.3s ease-in-out}.input-custom-group .input-icon svg-icon svg{width:18px;height:18px}.input-custom-group .input-icon.datetimeclass{z-index:21}.input-custom-group .input-icon.default-svg-color svg path{fill:#919191}.input-custom-group .input-icon.cursor-pointer{cursor:pointer}.input-custom-group .input-icon:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:21px;top:55%;transform:translateY(-50%)}.input-custom-group .input-icon.focus svg path{fill:#ccc}.input-custom-group .input-icon.focus text{fill:#ccc}.input-custom-group .input-icon.focus:after{background:#ccc6}.input-custom-group .input-icon.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in text{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in:after{background:#c5d8f3}.input-custom-group .input-icon.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-icon.valid-focus-out text{fill:#6f9ee0}.input-custom-group .input-icon.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-icon.valid-focus-out-dropdown-label:after{background-color:#6f9ee066}.input-custom-group .input-icon.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in text{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in:after{background-color:#f5c7c7}.input-custom-group .input-icon.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out text{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out:after{background:#e5737366}.input-custom-group .input-icon.inactive-empty svg path{fill:#ccc}.input-custom-group .input-icon.inactive-filled svg path{fill:#aaa}.input-custom-group .input-icon.inactive-filled:after{background-color:#aaa6}.input-custom-group .input-icon.discolor-placeholder svg path{fill:#919191}.input-custom-group .input-icon.load-adjusted-rate svg path{fill:#ffa726}.input-custom-group .input-icon.load-advance-rate svg path{fill:#4db6a2}.input-custom-group .input-icon.hidden{display:none!important}.input-custom-group .input-dropdown-arrow{display:inline-block;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;cursor:pointer}.input-custom-group .input-dropdown-arrow svg{display:flex;width:100%;transform:rotate(0);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow svg path{fill:#919191}.input-custom-group .input-dropdown-arrow:hover svg path{fill:#424242}.input-custom-group .input-dropdown-arrow.datetimeclass{z-index:22!important}.input-custom-group .input-dropdown-arrow.focus svg{transform:rotate(180deg);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow.focus svg path{fill:#ccc}.input-custom-group .input-dropdown-arrow.focus:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-dropdown-arrow.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-dropdown-arrow.invalid-focus-in svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in svg path{fill:#f5c7c7}.input-custom-group .input-dropdown-arrow.invalid-focus-in:hover svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-in svg path{fill:#c5d8f3}.input-custom-group .input-dropdown-arrow.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-dropdown-arrow.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-error{position:absolute;top:100%;right:5px;color:#ef5350;font-size:11px;font-weight:600;line-height:14px;display:inline-block}.input-custom-group .input-error::-moz-selection{background-color:#ef535033;color:#ef5350}.input-custom-group .input-error::selection{background-color:#ef535033;color:#ef5350}.input-custom-group .error-inside-input{position:absolute;right:32px;font-weight:600;font-size:11px;line-height:14px;color:#df3c3c;top:24%;pointer-events:none}.input-custom-group .input-password-eye{display:none;width:18px;height:18px;position:absolute;left:6px;top:50%;transform:translateY(-50%);padding-top:0;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-password-eye svg{width:18px;height:18px;position:absolute;bottom:0}.input-custom-group .input-password-eye svg path{fill:#919191}.input-custom-group .input-password-eye:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:24px;top:52%;transform:translateY(-50%)}.input-custom-group .input-password-eye.visible{display:inline-block}.input-custom-group .input-password-eye.inactive svg path{fill:#ccc}.input-custom-group .input-password-eye.inactive:after{background-color:#aaa6}.input-custom-group .input-password-eye.valid-focus-out svg path{fill:#6f9ee0}.input-custom-group .input-password-eye.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-password-eye.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-password-eye.valid-focus-in{display:inline-block}.input-custom-group .input-password-eye.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-password-eye.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.valid-focus-in:after{background-color:#c5d8f3}.input-custom-group .input-password-eye.invalid-focus-out svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-password-eye.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-password-eye.invalid-focus-out:after{background-color:#e5737366}.input-custom-group .input-password-eye.invalid-focus-in svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-password-eye.invalid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.invalid-focus-in:after{background-color:#f5c7c7}@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}}.input-custom-group .date_time_holder{display:flex;align-items:center;position:absolute;top:0;width:100%;height:100%;padding:0 6px;opacity:0;z-index:20;cursor:text}.input-custom-group .date_time_holder span{position:relative;line-height:14px;display:flex;height:100%;align-items:center;z-index:10}.input-custom-group .date_time_holder span .border-picker{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center;width:0px}.input-custom-group .date_time_holder span::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder span div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder::selection{background-color:transparent!important;color:#fff}.input-custom-group .date_time_holder span.main{padding:0 2px;outline:none;font-size:14px;z-index:11}.input-custom-group .date_time_holder span.main::selection{z-index:10}.input-custom-group .date_time_holder span.main:first-child{padding-left:4px}.input-custom-group .date_time_holder span.reset-selection-color::selection{background-color:transparent!important;color:#2f2f2f!important}.input-custom-group .date_time_holder.focus{opacity:1;padding-left:35px}.input-custom-group .date_time_holder.focus span:nth-child(2){z-index:12;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(3){z-index:13}.input-custom-group .date_time_holder.focus span:nth-child(4){z-index:14;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(5){z-index:15}.input-custom-group .date_time_holder.valid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.valid-focus-out-filled span,.input-custom-group .date_time_holder.valid-focus-out-filled span .border-picker{color:#2f2f2f!important;-webkit-user-select:none;user-select:none}.input-custom-group .date_time_holder.dark.valid-focus-out-filled{background:#3b73ed33!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled span,.input-custom-group .date_time_holder.dark.valid-focus-out-filled span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled:hover{background:#3b73ed66!important}.input-custom-group .date_time_holder.dark.valid-focus-in{background:#0b49d1!important}.input-custom-group .date_time_holder.dark.valid-focus-in span,.input-custom-group .date_time_holder.dark.valid-focus-in span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .date_time_holder.valid-focus-in{opacity:1}.input-custom-group .date_time_holder.valid-focus-in::selection,.input-custom-group .date_time_holder.valid-focus-in div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder.invalid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.date_time_holder_bank_card span.main{padding:0 3px}.input-custom-group .ca-placeholder-text{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);color:#919191;font-weight:400;font-size:14px;line-height:18px;padding-left:1px}.input-custom-group .ca-placeholder-text svg text{fill:#919191}.input-custom-group .ca-placeholder-text.inactive-filled{color:#aaa}.input-custom-group .ca-placeholder-text.inactive-filled svg text{fill:#aaa}.input-custom-group .ca-placeholder-text.focus{color:#919191}.input-custom-group .ca-placeholder-text.focus svg text{fill:#919191}.input-custom-group .ca-placeholder-text.valid-focus-in{color:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-in svg text{fill:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.valid-focus-out svg text{fill:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-in{color:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-in svg text{fill:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-out svg text{fill:#919191}.input-custom-group .input-invalid-danger-mark{position:absolute;right:5px;top:48%;transform:translateY(-50%);line-height:13.3px}.input-custom-group .input-invalid-danger-mark svg{width:13.3px;height:13.3px}.input-custom-group .input-invalid-danger-mark svg path{fill:#e57373}.input-custom-group .password-capslock{position:absolute;right:5px;top:-16px;color:#ffb74d;font-size:11px;font-weight:600;margin:0;padding:0;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.input-custom-group .ta-input-commands{display:flex;align-items:center;gap:4px;position:absolute;right:4px}.input-custom-group .ta-input-commands:before{content:attr(data-before-content);color:#919191;font-weight:400;font-size:14px;line-height:18px}.input-custom-group .ta-input-commands .ta-input-command-first{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-second{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-third{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg rect{fill:none}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg path{fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg path{fill:#bed0f9}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg rect{fill:#ffffffb2}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg path{fill:#0b49d1}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s}.input-custom-group .input-label-counter{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:11px;font-weight:700;color:#424242;background-color:#42424233;border-radius:9px;margin:0;padding-left:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-loading-spinner{position:absolute;right:6px;bottom:3px}.input-custom-group .input-pen-container{position:absolute;right:50px;top:46%;transform:translateY(-50%);display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-pen-container .input-pen svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-pen-container .input-pen svg path{fill:#c5d8f3}.input-custom-group .input-pen-container .input-pen svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#6f9ee0}.input-custom-group .input-pen-container .input-pen:hover svg{overflow:visible}.input-custom-group .input-pen-container .input-pen:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#3074d3}.input-custom-group .dropdown-selected-image{position:absolute;left:6px;top:48%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .dropdown-selected-image.truck-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.trailer-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.name-initials-instead-url{width:18px;height:18px;border-radius:50%;object-fit:cover;top:50%;transform:translateY(-50%)}.input-custom-group .dropdown-selected-image.load-broker{height:26px}.input-custom-group .dropdown-selected-image.load-broker svg{height:18px}.input-custom-group .dropdown-selected-image.load-broker.medium svg #Path_33564{fill:#ffb74d}.input-custom-group .dropdown-selected-image.load-broker.low svg #Path_33564{fill:#e57373}.input-custom-group .dropdown-selected-image.semitruck svg path,.input-custom-group .dropdown-selected-image.semisleeper svg path,.input-custom-group .dropdown-selected-image.boxtruck svg path,.input-custom-group .dropdown-selected-image.reefertruck svg path,.input-custom-group .dropdown-selected-image.cargovan svg path,.input-custom-group .dropdown-selected-image.dumptruck svg path,.input-custom-group .dropdown-selected-image.cementtruck svg path,.input-custom-group .dropdown-selected-image.garbagetruckm .input-custom-group .dropdown-selected-image.towtruck svg path,.input-custom-group .dropdown-selected-image.carhauler svg path,.input-custom-group .dropdown-selected-image.spotter svg path,.input-custom-group .dropdown-selected-image.flatbed svg path,.input-custom-group .dropdown-selected-image.stepdeck svg path,.input-custom-group .dropdown-selected-image.lowboyrgn svg path,.input-custom-group .dropdown-selected-image.chassis svg path,.input-custom-group .dropdown-selected-image.conestoga svg path,.input-custom-group .dropdown-selected-image.sidekit svg path,.input-custom-group .dropdown-selected-image.container svg path,.input-custom-group .dropdown-selected-image.dryvan svg path,.input-custom-group .dropdown-selected-image.reefer svg path,.input-custom-group .dropdown-selected-image.enddump svg path,.input-custom-group .dropdown-selected-image.bottomdump svg path,.input-custom-group .dropdown-selected-image.hopper svg path,.input-custom-group .dropdown-selected-image.tanker svg path,.input-custom-group .dropdown-selected-image.pneumatictanker svg path,.input-custom-group .dropdown-selected-image.carhaulerstigner svg path{fill:#919191!important}.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9856,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9857,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9858,.input-custom-group .dropdown-selected-image.unset-color svg path{fill:#fff6!important}.input-custom-group .placeholder-icon-right-side{position:absolute;right:4px}.input-custom-group .placeholder-icon-right-side.green svg path{fill:#4db6a2}.input-custom-group .placeholder-icon-right-side.purple svg path{fill:#ba68c8}.input-custom-group .placeholder-icon-right-side.blue svg path{fill:#6f9ee0}.input-custom-group .placeholder-icon-right-side.orange svg path{fill:#f89b2e}.input-custom-group .placeholder-icon-right-side.red svg path{fill:#e66767}.input-custom-group .placeholder-icon-right-side:before{content:\"\";display:block;height:15px;width:1px;border-radius:3px;position:absolute;right:22px;top:55%;transform:translateY(-50%);background-color:#91919166}.input-custom-group .placeholder-icon-right-side.focus:before{background-color:#ccc6}.input-custom-group .placeholder-icon-right-side.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .placeholder-icon-right-side.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .placeholder-icon-right-side.invalid-focus-out:before{background-color:#e5737366}.input-custom-group .placeholder-icon-right-side.invalid-focus-in:before{background-color:#f5c7c7}.input-fixed-placehoder-label{color:#919191;position:absolute;right:0;font-size:14px;top:3px}.input-fixed-placehoder-input{padding-right:25px!important}.input-border-radius{border-radius:8px!important}.hide-input-value{text-indent:-9999px}.payroll-deduction-truck-svg{line-height:16px}.payroll-deduction-truck-svg svg{width:46px;height:16px}.payroll-deduction-truck{display:grid!important;grid-template-columns:305px 92px!important}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
11396
11396
|
// Modules
|
|
11397
11397
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "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: NgxMaskModule }, { kind: "directive", type: i2$1.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type:
|
|
11398
11398
|
// Pipes
|
|
@@ -11437,7 +11437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
11437
11437
|
CaInputPlaceholderIconComponent,
|
|
11438
11438
|
CaInputPasswordComponent,
|
|
11439
11439
|
CaInputCommandsComponent,
|
|
11440
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"input-custom-group {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputContainerClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : control?.value\n \"\n ngbTooltip\n [mainCaTooltip]=\"control?.errors | inputError: _inputConfig.name\"\n [tooltipBackground]=\"'#DF3C3C'\"\n [disableTooltip]=\"!_inputConfig.requiredLabel || !!control?.valid\"\n position=\"bottom\"\n triggers=\"hover\"\n>\n <!-- Input Commands -->\n @if (_inputConfig.commands?.active && isVisibleCommands) {\n <app-ca-input-commands\n [inputConfig]=\"_inputConfig\"\n [isFocusInput]=\"isFocusInput\"\n [isVisibleCommands]=\"isVisibleCommands\"\n (onCommandsClick)=\"onCommands($event)\"\n >\n </app-ca-input-commands>\n }\n <!-- Input Valid Check -->\n @if (\n control | showValidCheck: isFocusInput : _inputConfig : control?.value\n ) {\n <svg-icon\n class=\"input-required-check {{ _inputConfig.customClass }}\"\n [src]=\"inputSvgRoutes.confirmSvg\"\n ></svg-icon>\n }\n <!-- Input Password Caps Lock And Eye -->\n @if (_inputConfig.type === 'password') {\n <app-ca-input-password\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"isTouchedInput\"\n [isCapsLockOn]=\"isCapsLockOn\"\n [isTogglePassword]=\"isTogglePassword\"\n (onTogglePasswordClick)=\"onTogglePassword($event)\"\n >\n </app-ca-input-password>\n }\n <!-- Input Clear -->\n @if (_inputConfig | showClear) {\n <app-ca-input-clear\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [incorrectValue]=\"incorrectValue\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [template]=\"template\"\n (clearInputClick)=\"clearInput($event)\"\n >\n </app-ca-input-clear>\n }\n\n <!-- Input Dropdown Arrow -->\n @if (_inputConfig | showDropdownArrow) {\n <svg-icon\n class=\"input-dropdown-arrow {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputDropdownArrowClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"inputSvgRoutes.inputDropdownArrowSvg\"\n (click)=\"toggleDropdownOptions()\"\n ></svg-icon>\n }\n\n <!-- Input Placeholder Icon -->\n @if (_inputConfig.placeholderIcon) {\n <app-ca-input-placeholder-icon\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"control?.touched!\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [isEditInput]=\"isEditInput\"\n (onPlaceholderIconEventEmitter)=\"onPlaceholderIconEvent($event)\"\n (onPopoverShownEmitter)=\"onPopoverShown()\"\n (onPopoverHiddenEmitter)=\"onPopoverHidden()\"\n >\n </app-ca-input-placeholder-icon>\n }\n\n <!-- Input Placeholder Text -->\n @if (\n _inputConfig\n | showPlaceholderText: control : isVisibleCommands : control?.value\n ) {\n <span\n class=\"ca-placeholder-text {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderTextClass\n : control?.touched!\n : control\n : _inputConfig\n : isVisibleCommands\n : control?.value\n \"\n [style.left]=\"\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.PERSONS ||\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.VEHICLES\n ? 30 + (control?.value?.toString()?.length + 1) * 9 + 'px'\n : isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? 'auto'\n : (control?.value?.toString()?.length + 1) * 8 + 'px'\n \"\n [style.right]=\"\n isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? '28px'\n : 'auto'\n \"\n >\n {{ _inputConfig.placeholderText }}\n </span>\n }\n\n <!-- Input Label Counter -->\n @if (\n selectedDropdownLabelColor &&\n control?.value &&\n !isFocusInput &&\n !_inputConfig.isDisabled &&\n _inputConfig.showCount\n ) {\n <p\n [style.top]=\"'4px'\"\n [style.left]=\"\n (control?.value?.toString()?.length + 6.5) * 8 + 'px'\n \"\n class=\"input-label-counter\"\n >\n {{ selectedDropdownLabelColor.count }}\n </p>\n }\n\n <!-- Special Dropdown Selected SVG with or Without Text -->\n @if (\n _inputConfig?.dropdownImageInput?.svg &&\n !_inputConfig?.hideAllItemsInInputDropdown &&\n !(!_inputConfig.dropdownImageInput?.withText && isFocusInput) &&\n !(\n ['truck', 'trailer'].includes(\n _inputConfig.dropdownImageInput?.template!\n ) &&\n isFocusInput &&\n _inputConfig.dropdownImageInput?.remove\n ) &&\n !_inputConfig?.dropdownImageInput?.nameInitialsInsteadUrl\n ) {\n <svg-icon\n [src]=\"_inputConfig.dropdownImageInput?.url!\"\n class=\"dropdown-selected-image {{\n _inputConfig.dropdownImageInput?.class\n }}\"\n [ngClass]=\"{\n 'unset-color':\n isFocusInput && _inputConfig.dropdownImageInput?.class,\n }\"\n [svgStyle]=\"{\n fill:\n _inputConfig.dropdownImageInput?.color && !isFocusInput\n ? _inputConfig.dropdownImageInput?.color\n : '#ffffff',\n }\"\n >\n </svg-icon>\n }\n\n <!-- Input Label -->\n @if (!_inputConfig.multiSelectDropdownActive) {\n <label\n [for]=\"_inputConfig.name\"\n class=\"input-label {{ _inputConfig.customClass }} {{\n _inputConfig.multipleLabel?.customClass\n }}\"\n [ngClass]=\"\n control?.value\n | labelClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.invalid\n : control?.touched\n \"\n >\n @if (_inputConfig.label) {\n <span>{{ _inputConfig.label }} </span>\n }\n\n @if (_inputConfig.multipleLabel?.labels?.length) {\n <div\n [class]=\"_inputConfig.multipleLabel?.customClass!\"\n [ngClass]=\"{\n 'multiple-labels-position-on-focus':\n isFocusInput ||\n _inputConfig.multipleInputValues?.options?.length,\n required:\n _inputConfig.isRequired && !_inputConfig.isDisabled,\n }\"\n >\n @for (\n label of _inputConfig.multipleLabel?.labels;\n track $index\n ) {\n <span>\n {{ label }}\n </span>\n }\n </div>\n }\n </label>\n }\n\n <input\n #input\n (input)=\"handleInput($event)\"\n [restrictInput]=\"inputConfig\"\n priceFormat\n [priceSeparator]=\"\n inputConfig.priceSeparator || inputConfig.thousandSeparator\n \"\n (focus)=\"handleInputFocus($event)\"\n (blur)=\"handleInputBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [readOnly]=\"_inputConfig.readOnly\"\n [type]=\"_inputConfig.type | inputType: isTogglePassword\"\n class=\"input-control\n {{ _inputConfig.textTransform }}\n {{ _inputConfig.textAlign }}\n {{ _inputConfig.customClass }}\n \"\n [appMaxValue]=\"inputConfig.max\"\n appCapsLock\n (capsLockStatus)=\"handleCapsLock($event)\"\n commandVisible\n (commandVisible)=\"handleCommandVisible($event)\"\n [mask]=\"_inputConfig.mask\"\n [ngClass]=\"\n control\n | inputClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : input\n : isVisibleCommands\n : control?.value\n : control?.invalid\n : control?.touched\n : isDropdownToggler\n : isEditInput\n : template\n \"\n />\n\n <!-- Placeholder Icon on Right Side -->\n @if (_inputConfig.placeholderIconRightSide) {\n <svg-icon\n class=\"placeholder-icon-right-side {{\n _inputConfig.placeholderIconColor\n }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderIconRightClass\n : control\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"\n _inputConfig.placeholderIconRightSide.toLowerCase()\n | caSvg: 'common'\n \"\n ></svg-icon>\n }\n\n <!-- Input Error Message -->\n @if (\n !(!control?.value && isFocusInput) &&\n (isTouchedInput || control?.touched || control?.value) &&\n control?.invalid &&\n !_inputConfig.isInvalidSearchInDropdown &&\n !_inputConfig.isDisabled\n ) {\n @if (\n !(_inputConfig.hideErrorMessage || _inputConfig.errorInsideInput)\n ) {\n <span class=\"input-error {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n\n <!-- Error Message Inside Input -->\n @if (_inputConfig.errorInsideInput) {\n <span class=\"error-inside-input {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n }\n\n @if (_inputConfig.fixedPlacholder && input.value) {\n <span class=\"input-fixed-placehoder-label\">\n {{ _inputConfig.fixedPlacholder }}\n </span>\n }\n</div>\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.datetime-dropdown-holder{position:relative;top:16px}.pickers_holder{position:absolute;top:3px!important;width:auto!important;padding:0;background-color:#fff;box-shadow:0 0 4px #00000026;z-index:999;border-radius:3px;overflow:hidden}.pickers_holder .time_picker{width:167px}.pickers_holder .date_picker{display:flex}.pickers_holder .date_picker .month-years-size{position:relative;width:48px;background-color:#f9f9f9}.pickers_holder .date_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:24px;transform:translateY(-50%);background-color:#fff}.pickers_holder .date_picker .month-years-size .month-year-item{display:flex;align-items:center;justify-content:center;height:24px;font-size:14px;color:#919191;font-weight:400;text-align:center;text-transform:uppercase}.pickers_holder .date_picker .month-years-size .month-year-item .left-year-show{color:#919191;font-size:14px;font-weight:700}.pickers_holder .date_picker .month-years-size .month-year-item:hover{color:#6c6c6c;cursor:pointer;background-color:#fbe9e9;border-radius:2px}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 2px 0}.pickers_holder .date_picker .full-calendars-list{flex:1;max-height:290px;min-width:264px;overflow:hidden}.pickers_holder .date_picker .full-calendars-list .full_list{height:100%}.pickers_holder .date_picker .full-calendars-list .full_list .selfScroll{width:100%;height:100%}.pickers_holder .time_picker .time_picker_head{height:36px;display:flex;padding:0 12px;align-items:center;justify-content:space-between}.pickers_holder .time_picker .time_picker_head .selected_time{font-size:14px;font-weight:800;color:#6c6c6c}.pickers_holder .time_picker .time_picker_head .sel_now{color:#536bc2;font-size:14px;font-weight:700}.pickers_holder .time_picker .time_picker_head .sel_now:hover{cursor:pointer;color:#5673aa}.pickers_holder .time_picker .time_picker_body .picker_body_head{height:22px;display:flex;align-items:center;background-color:#f7f7f7;margin:0 4px 2px;border-radius:2px}.pickers_holder .time_picker .time_picker_body .picker_body_head div{flex:0 0 33%;text-align:center;font-size:10px;font-weight:700;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body_head div.active{color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body{position:relative;height:155px;display:flex;justify-content:center}.pickers_holder .time_picker .time_picker_body .picker_body:after{content:\"\";position:absolute;width:100%;height:31px;top:-1px;left:0;pointer-events:none;background:linear-gradient(to bottom,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body:before{content:\"\";position:absolute;pointer-events:none;width:100%;height:31px;bottom:-1px;left:0;background:linear-gradient(to top,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line{position:absolute;width:calc(100% - 8px);height:22px;top:50%;left:4px;border-radius:2px;transform:translateY(-50%);background-color:#9191911a}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line span{position:absolute;left:30%;font-size:14px;font-weight:400;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers{position:relative;height:22px;flex:0 0 33.3%;height:100%;padding:67px 0;margin:0 7px;overflow:auto;text-align:center;-ms-overflow-style:none;scrollbar-width:none;z-index:10}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:first-child{flex:0 0 28px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(2){flex:0 0 36px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(3){flex:0 0 38px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers::-webkit-scrollbar{display:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#919191;font-weight:400;-webkit-user-select:none;user-select:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item:hover{color:#5673aa;cursor:pointer}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:hover{box-shadow:inset 0 0 4px #00000026}.pickers_holder .time_picker .picker_buttons{display:flex;padding:6px;justify-content:space-between}.pickers_holder .time_picker .picker_buttons .pick_button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;text-align:center;border-radius:2px;font-size:12px;font-weight:700;color:#919191b3}.pickers_holder .time_picker .picker_buttons .pick_button:hover{background-color:#f3f3f3;color:#919191;cursor:pointer}.pickers_holder .time_picker .picker_buttons .pick_button.set_button{width:57px;text-align:center;background-color:#6d82c7;color:#fff}.pickers_holder .time_picker .picker_buttons .pick_button.set_button:hover{background-color:#536bc2}.pickers_holder.dark_picker{background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size{width:40px;background-color:#424242}.pickers_holder.dark_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:26px;transform:translateY(-50%);background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .month-year-item{height:22px;color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item .left-year-show{color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year{color:#fff}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year .left-year-show{color:#fff;font-weight:700}.pickers_holder.dark_picker .month-years-size .month-year-item:hover{color:#fff;background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 4px 0}.pickers_holder.dark_picker .date_picker{margin:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list{min-width:184px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view{width:182px;padding-top:6px;background-color:#2f2f2f}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head{padding:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name{padding:0 4px;color:#fff;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name .year_hold{margin-right:0;color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today{padding:0 4px;color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today:hover{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator{margin:12px 10px;color:#919191;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.current_year{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.full_calendar{margin-bottom:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px 4px;padding:0}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days .cal_day{width:22px;height:22px;margin:0;font-size:9px;color:#aaa;text-align:center}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;row-gap:12px;justify-content:unset;margin:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item{margin:0;height:22px;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item:hover:not(.current_month){background-color:#424242;color:#fff;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item.current_month{color:#fff;background-color:#3b73ed66;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list.current_year .month_list_item{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px;padding:0;height:auto}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day{width:22px;height:22px;margin:0;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#3b73ed66;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#3b73ed66;color:#fff;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.day_in_current_month{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.weekend_day_in_current_month{color:#ccc}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#424242;border-radius:2px;cursor:pointer;color:#fff}.pickers_holder.dark_picker .time_picker{width:156px;margin:4px}.pickers_holder.dark_picker .time_picker .time_picker_head{height:18px;padding:0 4px;margin-bottom:4px}.pickers_holder.dark_picker .time_picker .time_picker_head .selected_time{color:#fff;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_head .sel_now{color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;margin:0 0 4px;padding:2px;background:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head div{color:#aaa;font-size:9px;text-align:center;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body{height:176px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;padding:0 2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:before{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:after{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line{left:0;width:100%;background-color:#3b73ed33}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line{left:33.3%;width:1px;height:12px;margin-top:5px;background-color:#92b1f5;opacity:.4;border-radius:2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line.line_2{left:66.6%}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers{margin:0;padding:77px 0}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{color:#aaa;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item.active_item{color:#fff}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px;margin-top:6px;padding:4px 0 0;border-top:1px solid #424242}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button{height:18px;background-color:#424242;color:#fff;font-size:11px;text-transform:uppercase;border-radius:1px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button.set_button{width:auto;background-color:#3b73ed}.calendar_view{width:260px;padding-top:12px;background-color:#fff}.calendar_view .calendar_view_head{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 12px}.calendar_view .calendar_view_head .month_name{font-size:12px;font-weight:700;color:#6c6c6c}.calendar_view .calendar_view_head .month_name .year_hold{margin-right:5px;text-transform:uppercase;color:#6c6c6c;cursor:pointer}.calendar_view .calendar_view_head .month_name .year_hold:hover{color:#919191}.calendar_view .calendar_view_head .today{font-size:12px;font-weight:700;color:#5673aab3;cursor:pointer}.calendar_view .calendar_view_head .today:hover{color:#3551b7}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport{height:230px;min-height:230px}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view .calendar_indicator{margin:12px;height:18px;font-size:12px;color:#6c6c6c66;font-weight:700}.calendar_view .calendars_list_view .calendar_month_days{padding:0 3px}.calendar_view .calendars_list_view .calendar_month_days.hideVisibility{visibility:hidden}.calendar_view .calendars_list_view .calendar_month_days .cal_day{width:24px;margin:0 6px;font-size:12px;font-weight:700;color:#b7b7b7}.calendar_view .calendars_list_view .calendar_days{height:140px;display:flex;flex-wrap:wrap;padding:0 3px}.calendar_view .calendars_list_view .calendar_days .calendar_day{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0 6px;font-size:14px;font-weight:400;color:#6c6c6c}.calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#919191;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#919191;color:#fff;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer;color:#3c3c3c}.calendar_view .month_list{display:flex;flex-wrap:wrap;justify-content:space-around;height:140px}.calendar_view .month_list .month_list_item{flex:0 0 50px;height:24px;margin:0 10px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;color:#6c6c6c;font-weight:400}.calendar_view .month_list .month_list_item:hover:not(.current_month){background-color:#f7f7f7;color:#3c3c3c;border-radius:2px;cursor:pointer}.calendar_view .month_list .month_list_item.current_month{color:#3c3c3c;background-color:#f7f7f7;border-radius:2px;cursor:pointer}.dropdown{z-index:999!important}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.input-custom-group{display:block;position:relative}.input-custom-group .location-area-filter,.input-custom-group .location-area-filter.focus,.input-custom-group .location-area-filter.focus:hover{background-color:#424242!important;color:#fff!important}.input-custom-group .location-area-filter.focus::placeholder{background-color:#424242!important}.input-custom-group .location-area-filter:focus{background-color:#424242!important;color:#fff!important}.input-custom-group:hover.required-label-table label span{color:#2f2f2f!important}.input-custom-group.custom-empty-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:hover~.input-control{background-color:#dadada}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:before:hover,.input-custom-group.custom-empty-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-filled-hover:hover .input-clear{display:inline-block}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:before:hover,.input-custom-group.custom-filled-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:before:hover,.input-custom-group.custom-filled-hover:hover .input-clear:after:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .input-clear{display:inline-block!important}.input-custom-group.input-remove-trash-can:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .placeholder-icon-right-side{opacity:0}.input-custom-group.input-remove-background:hover .input-control{background:transparent!important}.input-custom-group.input-remove-background.input-blue-text{color:red}.input-custom-group.input-remove-background .input-control{background:transparent;color:#2f2f2f;font-weight:400}.input-custom-group.input-remove-background .input-control.focus,.input-custom-group.input-remove-background .input-control.focus:hover{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-control.focus::placeholder{color:#fff!important}.input-custom-group.input-remove-background .input-control:focus{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-dropdown-arrow svg path{fill:#919191!important}.input-custom-group.input-blue-text .input-control{color:#6692f1}.input-custom-group.invalid-filled-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-filled-focus-out:hover .input-clear,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-filled-focus-out:hover .input-icon,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear{display:inline-block}.input-custom-group.invalid-filled-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-label-counter{display:flex}.input-custom-group.invalid-empty-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-empty-focus-out:hover .input-clear{display:none}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg path{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg rect{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg path{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg rect{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-empty-focus-out:hover .input-icon{display:inline-block}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-icon:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.invalid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#e22e22}.input-custom-group.invalid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.invalid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#e22e22}.input-custom-group.valid-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear,.input-custom-group.valid-focus-out:hover .input-pen-container,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow,.input-custom-group.valid-focus-out:hover .input-icon,.input-custom-group.valid-focus-out:hover .input-label-counter,.input-custom-group.valid-focus-out:hover .input-password-eye,.input-custom-group.valid-focus-out:hover app-ca-input-password,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.valid-focus-out:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-clear:before:hover,.input-custom-group.valid-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:before:hover,.input-custom-group.valid-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:before:hover,.input-custom-group.valid-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:before:hover,.input-custom-group.valid-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-label-counter{display:flex}.input-custom-group.valid-focus-out:hover .input-required-check{display:none}.input-custom-group.valid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-in:hover .trash-can-svg:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#255bb9}.input-custom-group.valid-focus-in:hover .trash-can-svg:before:hover,.input-custom-group.valid-focus-in:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#255bb9}.input-custom-group.inactive-filled:hover .input-clear,.input-custom-group.inactive-filled:hover .trash-can-svg,.input-custom-group.inactive-filled:hover .input-pen-container,.input-custom-group.inactive-filled:hover .input-dropdown-arrow,.input-custom-group.inactive-filled:hover .input-icon,.input-custom-group.inactive-filled:hover .input-password-eye,.input-custom-group.inactive-filled:hover app-ca-input-password,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-filled:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-filled:hover .input-clear:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-filled:hover .input-clear:before:hover,.input-custom-group.inactive-filled:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:before:hover,.input-custom-group.inactive-filled:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:before:hover,.input-custom-group.inactive-filled:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:before:hover,.input-custom-group.inactive-filled:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:before:hover,.input-custom-group.inactive-filled:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear,.input-custom-group.inactive-empty:hover .input-pen-container,.input-custom-group.inactive-empty:hover .input-dropdown-arrow,.input-custom-group.inactive-empty:hover .input-icon,.input-custom-group.inactive-empty:hover .input-password-eye,.input-custom-group.inactive-empty:hover app-ca-input-password,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-empty:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-empty:hover .input-clear:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear:before:hover,.input-custom-group.inactive-empty:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:before:hover,.input-custom-group.inactive-empty:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:before:hover,.input-custom-group.inactive-empty:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:before:hover,.input-custom-group.inactive-empty:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group .input-label{position:absolute;top:4px;left:6px;font-size:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:.3s ease-in-out}.input-custom-group .input-label span::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label span::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label.required:after{content:\" *\";color:#ef5350}.input-custom-group .input-label.inactive-empty{color:#919191!important}.input-custom-group .input-label.up-label{top:-17px;left:6px;font-size:11px;font-weight:600}.input-custom-group .input-label.in-label{top:4px!important;font-size:11px!important;font-weight:600!important;transition:none!important}.input-custom-group .input-label.in-label.in-label-focus{color:#fff!important}.input-custom-group .input-label.no-transition{transition:none!important}.input-custom-group .input-label.input-placeholderIcon-on{left:37px}.input-custom-group .input-label.input-placeholderIcon-on.up-label{left:36px}.input-custom-group .input-label.hidden{display:none!important}.input-custom-group .input-label.required-label span{color:#df3c3c}.input-custom-group .input-label.load-shipper .load-shipper{display:grid;grid-template-columns:455px 120px;align-items:center}.input-custom-group .input-label.load-shipper .load-shipper span:nth-child(2){text-align:right;color:#6c6c6c;font-size:11px;font-weight:600}.input-custom-group .input-label.load-shipper.required:after{position:absolute;right:0;left:60px;top:0}.input-custom-group .input-label.load-shipper.multiple-labels.required:after,.input-custom-group .input-label.load-shipper.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;right:0;left:48px;top:0}.input-custom-group .input-label .load-dispatches-ttd{display:grid;grid-template-columns:92px 89px 182px 53px;align-items:center;-moz-column-gap:65px;grid-column-gap:65px;column-gap:65px}.input-custom-group .input-label .load-dispatches-ttd span:nth-child(4){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-dispatches-ttd.multiple-labels-position-on-focus span:nth-child(4){transition-delay:.3s;color:#6c6c6c!important;opacity:1;top:-19px}.input-custom-group .input-label.dropdown-double-column>*{display:grid;grid-template-columns:118px 1fr;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.dropdown-triple-column>*{display:grid;grid-template-columns:220px 138px 220px;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.load-broker .load-broker{display:grid;align-items:center;grid-template-columns:277px 82px 69px}.input-custom-group .input-label.load-broker .load-broker span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker span:nth-child(3){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(3){transition-delay:.3s;color:#919191!important;opacity:1;top:-19px;text-align:right}.input-custom-group .input-label.load-broker.required:after{position:absolute;left:51px;right:0;top:-1px}.input-custom-group .input-label.load-broker.multiple-labels.required:after,.input-custom-group .input-label.load-broker.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;left:44px;right:0;top:-1px}.input-custom-group .input-label .load-broker-contact,.input-custom-group .input-label .load-shipper-contact{display:grid;grid-template-columns:235px 38px;align-items:center;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;transition:.3 ease-in-out}.input-custom-group .input-label .load-broker-contact span:nth-child(2),.input-custom-group .input-label .load-shipper-contact span:nth-child(2){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-broker-contact.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label .load-shipper-contact.multiple-labels-position-on-focus span:nth-child(2){transition-delay:.3s;opacity:1;top:-19px;color:#6c6c6c!important}.input-custom-group .input-label.load-shipper-contact .load-shipper-contact{grid-template-columns:295px 38px}.input-custom-group .input-label.regular{font-weight:400}.input-custom-group .input-label.datetimeclass.dark{color:#fff}.input-custom-group .hide-loads .load-broker{grid-template-columns:365px 92px}.input-custom-group .input-control{width:100%;height:26px;border:none;outline:none;border-radius:2px;padding:4px 6px;font-size:14px;font-weight:400;background-color:#eee;color:#2f2f2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-custom-group .input-control::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.center{text-align:center}.input-custom-group .input-control.uppercase{text-transform:uppercase}.input-custom-group .input-control.lowercase{text-transform:lowercase}.input-custom-group .input-control:hover{background-color:#dadada}.input-custom-group .input-control:focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .input-control:focus::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-placeholder{color:#fff6}.input-custom-group .input-control:focus:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus.blue-dropdown{background-color:#0b49d1}.input-custom-group .input-control.valid-focus-in,.input-custom-group .input-control.dropdown-placeholder-active,.input-custom-group .input-control.multiSelect-dropdown-active{background-color:#255bb9;color:#fff}.input-custom-group .input-control.valid-focus-in::-webkit-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-webkit-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-webkit-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-moz-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in:-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active:-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active:-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::placeholder,.input-custom-group .input-control.dropdown-placeholder-active::placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-selection,.input-custom-group .input-control.dropdown-placeholder-active::-moz-selection,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-in::selection,.input-custom-group .input-control.dropdown-placeholder-active::selection,.input-custom-group .input-control.multiSelect-dropdown-active::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-out-filled{background-color:#e2ecf9;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled.input-dropdown-table{background-color:#fff}.input-custom-group .input-control.valid-focus-out-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled:hover{background-color:#c5d8f3}.input-custom-group .input-control.invalid-focus-in,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in{background-color:#e22e22;color:#fff}.input-custom-group .input-control.invalid-focus-in::-moz-selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-in::selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-out-filled,.input-custom-group .input-control.invalid-focus-out-empty{background-color:#fae3e3;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::-moz-selection,.input-custom-group .input-control.invalid-focus-out-empty::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::selection,.input-custom-group .input-control.invalid-focus-out-empty::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled:hover,.input-custom-group .input-control.invalid-focus-out-empty:hover{background-color:#f5c7c7}.input-custom-group .input-control.invalid-focus-out-empty-table:hover{color:#2f2f2f;background-color:#f5c7c7}.input-custom-group .input-control.inactive-empty{background-color:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled{background-color:#f7f7f7;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.inactive-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.datetimeclass:not(.inactive-filled){letter-spacing:1px;pointer-events:none;opacity:0}.input-custom-group .input-control.has-placeholderIcon{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-truck{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-webkit-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-moz-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus:-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-trailer{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-webkit-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-moz-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus:-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-color{padding-left:29px}.input-custom-group .input-control.dropdown-input-image-user{padding-left:30px}.input-custom-group .input-control.dropdown-input-image-pm{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-without-text-transparent,.input-custom-group .input-control.multiple-input-values{color:transparent}.input-custom-group .input-control.input-32-font-20{font-weight:700;font-size:20px}.input-custom-group .input-control.details-pages{height:32px;background:#1d1d1d;color:#fff6}.input-custom-group .input-control.details-pages .input-dropdown-arrow:hover,.input-custom-group .input-control.details-pages:hover{background:#1d1d1d}.input-custom-group .input-control.details-pages::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-moz-placeholder{color:#fff6}.input-custom-group .input-control.details-pages:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::placeholder{color:#fff6}.input-custom-group .input-control.disable-select-on-focus-out::-moz-selection{background-color:transparent}.input-custom-group .input-control.disable-select-on-focus-out::selection{background-color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-webkit-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-moz-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input:-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::placeholder{opacity:0;color:transparent}.input-custom-group .input-control.multiple-input-placeholder{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-dispatches-ttd,.input-custom-group .input-control.load-broker,.input-custom-group .input-control.load-shipper,.input-custom-group .input-control.load-shipper-contact{position:absolute;bottom:1.5px;background-color:transparent;display:grid;align-items:center}.input-custom-group .input-control.load-dispatches-ttd span,.input-custom-group .input-control.load-broker span,.input-custom-group .input-control.load-shipper span,.input-custom-group .input-control.load-shipper-contact span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.double-text-dropdown{position:absolute;top:50%;transform:translateY(-48%);background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding-right:26px}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text{color:#919191;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd{grid-template-columns:repeat(2,156px) 150px 122px;padding-top:3px}.input-custom-group .input-control.load-dispatches-ttd svg{height:16px;width:44px}.input-custom-group .input-control.load-dispatches-ttd svg path{fill:#919191}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(1) .multiple-input-text,.input-custom-group .input-control.load-dispatches-ttd span:nth-child(2) .multiple-input-text{max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(3) .multiple-input-text{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:last-child{justify-content:flex-end}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text{color:#919191!important;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.load-dispatches-ttd span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd span span{line-height:23px;position:relative}.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd .focusable-image{opacity:.6}.input-custom-group .input-control.load-dispatches-ttd .trailerContainer{width:max-content!important;padding:0!important;margin:0!important}.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-broker{display:grid;grid-template-columns:229px 115px 48px;align-items:center;height:24px}.input-custom-group .input-control.load-broker span:nth-child(1){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-custom-group .input-control.load-broker span:nth-child(2),.input-custom-group .input-control.load-broker span:nth-child(3){justify-content:flex-end}.input-custom-group .input-control.load-broker span:nth-child(3){position:relative;bottom:1px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-broker-contact,.input-custom-group .input-control.load-shipper-contact{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:grid;grid-template-columns:165px 94px;align-items:center;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.load-broker-contact span,.input-custom-group .input-control.load-shipper-contact span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-broker-contact span span,.input-custom-group .input-control.load-shipper-contact span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.load-broker-contact span:nth-child(2),.input-custom-group .input-control.load-shipper-contact span:nth-child(2){justify-self:flex-end;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-broker-contact span:nth-child(2) span,.input-custom-group .input-control.load-shipper-contact span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.text-suffix{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:flex;align-items:center;column-gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.text-suffix span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.text-suffix span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.text-suffix span:nth-child(2){justify-self:flex-end;font-size:14px;font-weight:400;line-height:18px}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text){color:#919191!important}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text):before{content:\"\\2022 \"}.input-custom-group .input-control.text-suffix span:nth-child(2) span.ca-add-dot:before{content:\"\\2022 \"}.input-custom-group .input-control.load-shipper-contact{grid-template-columns:283px 38px}.input-custom-group .input-control.load-shipper{grid-template-columns:394px 180px;-moz-column-gap:2px;column-gap:2px;padding-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px}.input-custom-group .input-control.load-shipper span:nth-child(2),.input-custom-group .input-control.load-shipper span:nth-child(3){justify-content:flex-end;font-size:11px;color:#919191!important;font-weight:400}.input-custom-group .input-control.load-shipper span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.load-shipper span:nth-child(2) span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px;position:relative;bottom:1px}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-shipper span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.cursor-on-right-side{text-align:right;padding-right:32px}.input-custom-group .input-control.merge-dropdown-body-with-input::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-moz-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::placeholder{color:#fff6}.input-custom-group .input-control.input-commands{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.input-commands.blue-commands{background-color:#0b49d1!important}.input-custom-group .input-control.dropdown-label-active{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.dispatch-dropdown{width:calc(100% - 24px);background-color:#2f2f2f!important}.input-custom-group input[type=number]::-webkit-inner-spin-button,.input-custom-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]::-webkit-inner-spin-button:hover,.input-custom-group input[type=number]::-webkit-outer-spin-button:hover,.input-custom-group input[type=number]::-webkit-inner-spin-button:focus,.input-custom-group input[type=number]::-webkit-outer-spin-button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]{-moz-appearance:textfield!important}.input-custom-group input[type=number]:hover,.input-custom-group input[type=number]:focus{-moz-appearance:textfield!important}.input-custom-group .load-dispatches-ttd-owner{position:absolute;left:13px;bottom:7px;width:10px;height:10px}.input-custom-group .load-dispatches-ttd-owner svg{width:10px!important;height:10px!important}.input-custom-group .time-picker-opacity{opacity:1!important}.input-custom-group .dispatch-history-default-color{background:#f7f7f7!important;transition:background .3s ease-in-out}.input-custom-group .dispatch-history-row-hover{background:#eee!important;transition:background .3s ease-in-out}.input-custom-group .input-required-check{position:absolute;right:6px;width:14px;height:10px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-required-check svg path{fill:#6f9ee0}.input-custom-group .input-clear{position:absolute;right:4px;top:47%;transform:translateY(-50%);border-radius:1px;display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-clear .input-clear-x svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-clear .input-clear-x svg path{fill:#eee}.input-custom-group .input-clear .input-clear-x svg rect{fill:#919191;transition:transform .3s;transform:scale(1);transform-origin:center}.input-custom-group .input-clear .input-clear-x:hover svg{overflow:visible}.input-custom-group .input-clear .input-clear-x:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#424242}.input-custom-group .input-clear.datetimeclass{z-index:22!important}.input-custom-group .input-clear.focus{display:inline-block}.input-custom-group .input-clear.focus .input-clear-x svg path{fill:#1d1d1d}.input-custom-group .input-clear.focus .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.focus .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-in{display:inline-block}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg path{fill:#255bb9}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.invalid-focus-in{display:inline-block}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg path{fill:#e22e22}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg rect{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg path{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg rect{fill:#e57373}.input-custom-group .input-clear.invalid-focus-out .input-clear-x:hover svg rect{fill:#ef5350}.input-custom-group .input-clear.incorrect-input{display:none}.input-custom-group .input-clear.incorrect-input .input-clear-x svg path{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input .input-clear-x svg rect{fill:transparent!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover{display:inline-block}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input-on{display:inline-block}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg rect{fill:#e57373!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.dropdown-on{right:27px!important;top:50%;transform:translateY(-50%)}.input-custom-group .input-clear.dropdown-on svg-icon{display:flex}.input-custom-group .input-clear.hidden{display:none}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg{width:20px!important;height:20px!important;position:relative;left:1px}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg path{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg path{fill:#919191}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg rect{fill:#919191}.input-custom-group .input-clear.trash-can-svg:before{content:\"\";display:block;height:16px;width:1px;border-radius:3px;background-color:#91919166;position:absolute;right:22px;top:56%;transform:translateY(-50%)}.input-custom-group .input-clear.trash-can-svg.valid-focus-in{display:none}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg path{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg path{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg path{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .input-clear-dispatch{position:absolute;right:0;top:47%;display:flex;justify-content:center;align-items:center;width:26px;height:26px;transform:translateY(-50%);border-radius:2px;z-index:10;cursor:pointer;transition:background .3s ease-in-out}.input-custom-group .input-clear-dispatch svg-icon svg{display:flex;width:12px!important;height:12px!important}.input-custom-group .input-clear-dispatch svg-icon svg path{fill:#919191;transition:fill .3s ease-in-out}.input-custom-group .input-clear-dispatch:hover{background-color:#91919166}.input-custom-group .input-clear-dispatch:hover svg-icon svg path{fill:#dadada}.input-custom-group .input-icon{position:absolute;left:6px;top:47%;transform:translateY(-50%);z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.3s ease-in-out}.input-custom-group .input-icon svg-icon svg{width:18px;height:18px}.input-custom-group .input-icon.datetimeclass{z-index:21}.input-custom-group .input-icon.default-svg-color svg path{fill:#919191}.input-custom-group .input-icon.cursor-pointer{cursor:pointer}.input-custom-group .input-icon:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:21px;top:55%;transform:translateY(-50%)}.input-custom-group .input-icon.focus svg path{fill:#ccc}.input-custom-group .input-icon.focus text{fill:#ccc}.input-custom-group .input-icon.focus:after{background:#ccc6}.input-custom-group .input-icon.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in text{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in:after{background:#c5d8f3}.input-custom-group .input-icon.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-icon.valid-focus-out text{fill:#6f9ee0}.input-custom-group .input-icon.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-icon.valid-focus-out-dropdown-label:after{background-color:#6f9ee066}.input-custom-group .input-icon.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in text{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in:after{background-color:#f5c7c7}.input-custom-group .input-icon.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out text{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out:after{background:#e5737366}.input-custom-group .input-icon.inactive-empty svg path{fill:#ccc}.input-custom-group .input-icon.inactive-filled svg path{fill:#aaa}.input-custom-group .input-icon.inactive-filled:after{background-color:#aaa6}.input-custom-group .input-icon.discolor-placeholder svg path{fill:#919191}.input-custom-group .input-icon.load-adjusted-rate svg path{fill:#ffa726}.input-custom-group .input-icon.load-advance-rate svg path{fill:#4db6a2}.input-custom-group .input-icon.hidden{display:none!important}.input-custom-group .input-dropdown-arrow{display:inline-block;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;cursor:pointer}.input-custom-group .input-dropdown-arrow svg{display:flex;width:100%;transform:rotate(0);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow svg path{fill:#919191}.input-custom-group .input-dropdown-arrow:hover svg path{fill:#424242}.input-custom-group .input-dropdown-arrow.datetimeclass{z-index:22!important}.input-custom-group .input-dropdown-arrow.focus svg{transform:rotate(180deg);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow.focus svg path{fill:#ccc}.input-custom-group .input-dropdown-arrow.focus:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-dropdown-arrow.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-dropdown-arrow.invalid-focus-in svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in svg path{fill:#f5c7c7}.input-custom-group .input-dropdown-arrow.invalid-focus-in:hover svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-in svg path{fill:#c5d8f3}.input-custom-group .input-dropdown-arrow.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-dropdown-arrow.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-error{position:absolute;top:100%;right:5px;color:#ef5350;font-size:11px;font-weight:600;line-height:14px;display:inline-block}.input-custom-group .input-error::-moz-selection{background-color:#ef535033;color:#ef5350}.input-custom-group .input-error::selection{background-color:#ef535033;color:#ef5350}.input-custom-group .error-inside-input{position:absolute;right:32px;font-weight:600;font-size:11px;line-height:14px;color:#df3c3c;top:24%;pointer-events:none}.input-custom-group .input-password-eye{display:none;width:18px;height:18px;position:absolute;left:6px;top:50%;transform:translateY(-50%);padding-top:0;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-password-eye svg{width:18px;height:18px;position:absolute;bottom:0}.input-custom-group .input-password-eye svg path{fill:#919191}.input-custom-group .input-password-eye:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:24px;top:52%;transform:translateY(-50%)}.input-custom-group .input-password-eye.visible{display:inline-block}.input-custom-group .input-password-eye.inactive svg path{fill:#ccc}.input-custom-group .input-password-eye.inactive:after{background-color:#aaa6}.input-custom-group .input-password-eye.valid-focus-out svg path{fill:#6f9ee0}.input-custom-group .input-password-eye.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-password-eye.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-password-eye.valid-focus-in{display:inline-block}.input-custom-group .input-password-eye.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-password-eye.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.valid-focus-in:after{background-color:#c5d8f3}.input-custom-group .input-password-eye.invalid-focus-out svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-password-eye.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-password-eye.invalid-focus-out:after{background-color:#e5737366}.input-custom-group .input-password-eye.invalid-focus-in svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-password-eye.invalid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.invalid-focus-in:after{background-color:#f5c7c7}@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}}.input-custom-group .date_time_holder{display:flex;align-items:center;position:absolute;top:0;width:100%;height:100%;padding:0 6px;opacity:0;z-index:20;cursor:text}.input-custom-group .date_time_holder span{position:relative;line-height:14px;display:flex;height:100%;align-items:center;z-index:10}.input-custom-group .date_time_holder span .border-picker{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center;width:0px}.input-custom-group .date_time_holder span::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder span div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder::selection{background-color:transparent!important;color:#fff}.input-custom-group .date_time_holder span.main{padding:0 2px;outline:none;font-size:14px;z-index:11}.input-custom-group .date_time_holder span.main::selection{z-index:10}.input-custom-group .date_time_holder span.main:first-child{padding-left:4px}.input-custom-group .date_time_holder span.reset-selection-color::selection{background-color:transparent!important;color:#2f2f2f!important}.input-custom-group .date_time_holder.focus{opacity:1;padding-left:35px}.input-custom-group .date_time_holder.focus span:nth-child(2){z-index:12;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(3){z-index:13}.input-custom-group .date_time_holder.focus span:nth-child(4){z-index:14;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(5){z-index:15}.input-custom-group .date_time_holder.valid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.valid-focus-out-filled span,.input-custom-group .date_time_holder.valid-focus-out-filled span .border-picker{color:#2f2f2f!important;-webkit-user-select:none;user-select:none}.input-custom-group .date_time_holder.dark.valid-focus-out-filled{background:#3b73ed33!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled span,.input-custom-group .date_time_holder.dark.valid-focus-out-filled span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled:hover{background:#3b73ed66!important}.input-custom-group .date_time_holder.dark.valid-focus-in{background:#0b49d1!important}.input-custom-group .date_time_holder.dark.valid-focus-in span,.input-custom-group .date_time_holder.dark.valid-focus-in span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .date_time_holder.valid-focus-in{opacity:1}.input-custom-group .date_time_holder.valid-focus-in::selection,.input-custom-group .date_time_holder.valid-focus-in div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder.invalid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.date_time_holder_bank_card span.main{padding:0 3px}.input-custom-group .ca-placeholder-text{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);color:#919191;font-weight:400;font-size:14px;line-height:18px;padding-left:1px}.input-custom-group .ca-placeholder-text svg text{fill:#919191}.input-custom-group .ca-placeholder-text.inactive-filled{color:#aaa}.input-custom-group .ca-placeholder-text.inactive-filled svg text{fill:#aaa}.input-custom-group .ca-placeholder-text.focus{color:#919191}.input-custom-group .ca-placeholder-text.focus svg text{fill:#919191}.input-custom-group .ca-placeholder-text.valid-focus-in{color:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-in svg text{fill:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.valid-focus-out svg text{fill:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-in{color:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-in svg text{fill:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-out svg text{fill:#919191}.input-custom-group .input-invalid-danger-mark{position:absolute;right:5px;top:48%;transform:translateY(-50%);line-height:13.3px}.input-custom-group .input-invalid-danger-mark svg{width:13.3px;height:13.3px}.input-custom-group .input-invalid-danger-mark svg path{fill:#e57373}.input-custom-group .password-capslock{position:absolute;right:5px;top:-16px;color:#ffb74d;font-size:11px;font-weight:600;margin:0;padding:0;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.input-custom-group .ta-input-commands{display:flex;align-items:center;gap:4px;position:absolute;right:4px}.input-custom-group .ta-input-commands:before{content:attr(data-before-content);color:#919191;font-weight:400;font-size:14px;line-height:18px}.input-custom-group .ta-input-commands .ta-input-command-first{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-second{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-third{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg rect{fill:none}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg path{fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg path{fill:#bed0f9}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg rect{fill:#ffffffb2}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg path{fill:#0b49d1}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s}.input-custom-group .input-label-counter{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:11px;font-weight:700;color:#424242;background-color:#42424233;border-radius:9px;margin:0;padding-left:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-loading-spinner{position:absolute;right:6px;bottom:3px}.input-custom-group .input-pen-container{position:absolute;right:50px;top:46%;transform:translateY(-50%);display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-pen-container .input-pen svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-pen-container .input-pen svg path{fill:#c5d8f3}.input-custom-group .input-pen-container .input-pen svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#6f9ee0}.input-custom-group .input-pen-container .input-pen:hover svg{overflow:visible}.input-custom-group .input-pen-container .input-pen:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#3074d3}.input-custom-group .dropdown-selected-image{position:absolute;left:6px;top:48%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .dropdown-selected-image.truck-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.trailer-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.name-initials-instead-url{width:18px;height:18px;border-radius:50%;object-fit:cover;top:50%;transform:translateY(-50%)}.input-custom-group .dropdown-selected-image.load-broker{height:26px}.input-custom-group .dropdown-selected-image.load-broker svg{height:18px}.input-custom-group .dropdown-selected-image.load-broker.medium svg #Path_33564{fill:#ffb74d}.input-custom-group .dropdown-selected-image.load-broker.low svg #Path_33564{fill:#e57373}.input-custom-group .dropdown-selected-image.semitruck svg path,.input-custom-group .dropdown-selected-image.semisleeper svg path,.input-custom-group .dropdown-selected-image.boxtruck svg path,.input-custom-group .dropdown-selected-image.reefertruck svg path,.input-custom-group .dropdown-selected-image.cargovan svg path,.input-custom-group .dropdown-selected-image.dumptruck svg path,.input-custom-group .dropdown-selected-image.cementtruck svg path,.input-custom-group .dropdown-selected-image.garbagetruckm .input-custom-group .dropdown-selected-image.towtruck svg path,.input-custom-group .dropdown-selected-image.carhauler svg path,.input-custom-group .dropdown-selected-image.spotter svg path,.input-custom-group .dropdown-selected-image.flatbed svg path,.input-custom-group .dropdown-selected-image.stepdeck svg path,.input-custom-group .dropdown-selected-image.lowboyrgn svg path,.input-custom-group .dropdown-selected-image.chassis svg path,.input-custom-group .dropdown-selected-image.conestoga svg path,.input-custom-group .dropdown-selected-image.sidekit svg path,.input-custom-group .dropdown-selected-image.container svg path,.input-custom-group .dropdown-selected-image.dryvan svg path,.input-custom-group .dropdown-selected-image.reefer svg path,.input-custom-group .dropdown-selected-image.enddump svg path,.input-custom-group .dropdown-selected-image.bottomdump svg path,.input-custom-group .dropdown-selected-image.hopper svg path,.input-custom-group .dropdown-selected-image.tanker svg path,.input-custom-group .dropdown-selected-image.pneumatictanker svg path,.input-custom-group .dropdown-selected-image.carhaulerstigner svg path{fill:#919191!important}.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9856,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9857,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9858,.input-custom-group .dropdown-selected-image.unset-color svg path{fill:#fff6!important}.input-custom-group .placeholder-icon-right-side{position:absolute;right:4px}.input-custom-group .placeholder-icon-right-side.green svg path{fill:#4db6a2}.input-custom-group .placeholder-icon-right-side.purple svg path{fill:#ba68c8}.input-custom-group .placeholder-icon-right-side.blue svg path{fill:#6f9ee0}.input-custom-group .placeholder-icon-right-side.orange svg path{fill:#f89b2e}.input-custom-group .placeholder-icon-right-side.red svg path{fill:#e66767}.input-custom-group .placeholder-icon-right-side:before{content:\"\";display:block;height:15px;width:1px;border-radius:3px;position:absolute;right:22px;top:55%;transform:translateY(-50%);background-color:#91919166}.input-custom-group .placeholder-icon-right-side.focus:before{background-color:#ccc6}.input-custom-group .placeholder-icon-right-side.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .placeholder-icon-right-side.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .placeholder-icon-right-side.invalid-focus-out:before{background-color:#e5737366}.input-custom-group .placeholder-icon-right-side.invalid-focus-in:before{background-color:#f5c7c7}.input-fixed-placehoder-label{color:#919191;position:absolute;right:0;font-size:14px;top:3px}.input-fixed-placehoder-input{padding-right:25px!important}.input-border-radius{border-radius:8px!important}.hide-input-value{text-indent:-9999px}.payroll-deduction-truck-svg{line-height:16px}.payroll-deduction-truck-svg svg{width:46px;height:16px}.payroll-deduction-truck{display:grid!important;grid-template-columns:305px 92px!important}\n"] }]
|
|
11440
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"input-custom-group {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputContainerClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : control?.value\n \"\n ngbTooltip\n [mainCaTooltip]=\"control?.errors | inputError: _inputConfig.name\"\n [tooltipBackground]=\"'#DF3C3C'\"\n [disableTooltip]=\"!_inputConfig.requiredLabel || !!control?.valid\"\n position=\"bottom\"\n triggers=\"hover\"\n>\n <!-- Input Commands -->\n @if (_inputConfig.commands?.active && isVisibleCommands) {\n <app-ca-input-commands\n [inputConfig]=\"_inputConfig\"\n [isFocusInput]=\"isFocusInput\"\n [isVisibleCommands]=\"isVisibleCommands\"\n (onCommandsClick)=\"onCommands($event)\"\n >\n </app-ca-input-commands>\n }\n <!-- Input Valid Check -->\n @if (\n control | showValidCheck: isFocusInput : _inputConfig : control?.value\n ) {\n <svg-icon\n class=\"input-required-check {{ _inputConfig.customClass }}\"\n [src]=\"inputSvgRoutes.confirmSvg\"\n ></svg-icon>\n }\n <!-- Input Password Caps Lock And Eye -->\n @if (_inputConfig.type === 'password') {\n <app-ca-input-password\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"isTouchedInput\"\n [isCapsLockOn]=\"isCapsLockOn\"\n [isTogglePassword]=\"isTogglePassword\"\n (onTogglePasswordClick)=\"onTogglePassword($event)\"\n >\n </app-ca-input-password>\n }\n <!-- Input Clear -->\n @if (_inputConfig | showClear) {\n <app-ca-input-clear\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [incorrectValue]=\"incorrectValue\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [template]=\"template\"\n (clearInputClick)=\"clearInput($event)\"\n >\n </app-ca-input-clear>\n }\n\n <!-- Input Dropdown Arrow -->\n @if (_inputConfig | showDropdownArrow) {\n <svg-icon\n class=\"input-dropdown-arrow {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n control\n | inputDropdownArrowClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"inputSvgRoutes.inputDropdownArrowSvg\"\n (click)=\"toggleDropdownOptions()\"\n ></svg-icon>\n }\n\n <!-- Input Placeholder Icon -->\n @if (_inputConfig.placeholderIcon) {\n <app-ca-input-placeholder-icon\n [inputConfig]=\"_inputConfig\"\n [getSuperControl]=\"control\"\n [isFocusInput]=\"isFocusInput\"\n [isTouchedInput]=\"control?.touched!\"\n [selectedDropdownLabelColor]=\"selectedDropdownLabelColor\"\n [isEditInput]=\"isEditInput\"\n (onPlaceholderIconEventEmitter)=\"onPlaceholderIconEvent($event)\"\n (onPopoverShownEmitter)=\"onPopoverShown()\"\n (onPopoverHiddenEmitter)=\"onPopoverHidden()\"\n >\n </app-ca-input-placeholder-icon>\n }\n\n <!-- Input Placeholder Text -->\n @if (\n _inputConfig\n | showPlaceholderText: control : isVisibleCommands : control?.value\n ) {\n <span\n class=\"ca-placeholder-text {{ _inputConfig.customClass }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderTextClass\n : control?.touched!\n : control\n : _inputConfig\n : isVisibleCommands\n : control?.value\n \"\n [style.left]=\"\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.PERSONS ||\n _inputConfig.placeholderText?.toLowerCase() ===\n inputStringEnum.VEHICLES\n ? 30 + (control?.value?.toString()?.length + 1) * 9 + 'px'\n : isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? 'auto'\n : (control?.value?.toString()?.length + 1) * 8 + 'px'\n \"\n [style.right]=\"\n isFocusInput &&\n _inputConfig.placeholderText?.toLowerCase() !==\n inputCommandsType.MONTHS\n ? '28px'\n : 'auto'\n \"\n >\n {{ _inputConfig.placeholderText }}\n </span>\n }\n\n <!-- Input Label Counter -->\n @if (\n selectedDropdownLabelColor &&\n control?.value &&\n !isFocusInput &&\n !_inputConfig.isDisabled &&\n _inputConfig.showCount\n ) {\n <p\n [style.top]=\"'4px'\"\n [style.left]=\"\n (control?.value?.toString()?.length + 6.5) * 8 + 'px'\n \"\n class=\"input-label-counter\"\n >\n {{ selectedDropdownLabelColor.count }}\n </p>\n }\n\n <!-- Special Dropdown Selected SVG with or Without Text -->\n @if (\n _inputConfig?.dropdownImageInput?.svg &&\n !_inputConfig?.hideAllItemsInInputDropdown &&\n !(!_inputConfig.dropdownImageInput?.withText && isFocusInput) &&\n !(\n ['truck', 'trailer'].includes(\n _inputConfig.dropdownImageInput?.template!\n ) &&\n isFocusInput &&\n _inputConfig.dropdownImageInput?.remove \n ) &&\n !_inputConfig?.dropdownImageInput?.nameInitialsInsteadUrl\n ) {\n <svg-icon\n [src]=\"_inputConfig.dropdownImageInput?.url!\"\n class=\"dropdown-selected-image dddd {{\n _inputConfig.dropdownImageInput?.class\n }}\"\n [ngClass]=\"{\n 'unset-color':\n isFocusInput && _inputConfig.dropdownImageInput?.class,\n }\"\n [svgStyle]=\"{\n fill:\n _inputConfig.dropdownImageInput?.color && !isFocusInput\n ? _inputConfig.dropdownImageInput?.color\n : '#ffffff',\n }\"\n >\n </svg-icon>\n }\n\n <!-- Input Label -->\n @if (!_inputConfig.multiSelectDropdownActive) {\n <label\n [for]=\"_inputConfig.name\"\n class=\"input-label {{ _inputConfig.customClass }} {{\n _inputConfig.multipleLabel?.customClass\n }}\"\n [ngClass]=\"\n control?.value\n | labelClass\n : isFocusInput\n : _inputConfig\n : isTouchedInput\n : control?.invalid\n : control?.touched\n \"\n >\n @if (_inputConfig.label) {\n <span>{{ _inputConfig.label }} </span>\n }\n\n @if (_inputConfig.multipleLabel?.labels?.length) {\n <div\n [class]=\"_inputConfig.multipleLabel?.customClass!\"\n [ngClass]=\"{\n 'multiple-labels-position-on-focus':\n isFocusInput ||\n _inputConfig.multipleInputValues?.options?.length,\n required:\n _inputConfig.isRequired && !_inputConfig.isDisabled,\n }\"\n >\n @for (\n label of _inputConfig.multipleLabel?.labels;\n track $index\n ) {\n <span>\n {{ label }}\n </span>\n }\n </div>\n }\n </label>\n }\n\n <input\n #input\n (input)=\"handleInput($event)\"\n [restrictInput]=\"inputConfig\"\n priceFormat\n [priceSeparator]=\"\n inputConfig.priceSeparator || inputConfig.thousandSeparator\n \"\n (focus)=\"handleInputFocus($event)\"\n (blur)=\"handleInputBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [readOnly]=\"_inputConfig.readOnly\"\n [type]=\"_inputConfig.type | inputType: isTogglePassword\"\n class=\"input-control\n {{ _inputConfig.textTransform }}\n {{ _inputConfig.textAlign }}\n {{ _inputConfig.customClass }}\n \"\n [appMaxValue]=\"inputConfig.max\"\n appCapsLock\n (capsLockStatus)=\"handleCapsLock($event)\"\n commandVisible\n (commandVisible)=\"handleCommandVisible($event)\"\n [mask]=\"_inputConfig.mask\"\n [ngClass]=\"\n control\n | inputClass\n : isFocusInput\n : control?.touched!\n : _inputConfig\n : input\n : isVisibleCommands\n : control?.value\n : control?.invalid\n : control?.touched\n : isDropdownToggler\n : isEditInput\n : template\n \"\n />\n\n <!-- Placeholder Icon on Right Side -->\n @if (_inputConfig.placeholderIconRightSide) {\n <svg-icon\n class=\"placeholder-icon-right-side {{\n _inputConfig.placeholderIconColor\n }}\"\n [ngClass]=\"\n isFocusInput\n | inputPlaceholderIconRightClass\n : control\n : _inputConfig\n : isTouchedInput\n : control?.value\n \"\n [src]=\"\n _inputConfig.placeholderIconRightSide.toLowerCase()\n | caSvg: 'common'\n \"\n ></svg-icon>\n }\n\n <!-- Input Error Message -->\n @if (\n !(!control?.value && isFocusInput) &&\n (isTouchedInput || control?.touched || control?.value) &&\n control?.invalid &&\n !_inputConfig.isInvalidSearchInDropdown &&\n !_inputConfig.isDisabled\n ) {\n @if (\n !(_inputConfig.hideErrorMessage || _inputConfig.errorInsideInput)\n ) {\n <span class=\"input-error {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n\n <!-- Error Message Inside Input -->\n @if (_inputConfig.errorInsideInput) {\n <span class=\"error-inside-input {{ _inputConfig.customClass }}\">\n {{ control?.errors | inputError: _inputConfig.name }}\n </span>\n }\n }\n\n @if (_inputConfig.fixedPlacholder && input.value) {\n <span class=\"input-fixed-placehoder-label\">\n {{ _inputConfig.fixedPlacholder }}\n </span>\n }\n</div>\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.datetime-dropdown-holder{position:relative;top:16px}.pickers_holder{position:absolute;top:3px!important;width:auto!important;padding:0;background-color:#fff;box-shadow:0 0 4px #00000026;z-index:999;border-radius:3px;overflow:hidden}.pickers_holder .time_picker{width:167px}.pickers_holder .date_picker{display:flex}.pickers_holder .date_picker .month-years-size{position:relative;width:48px;background-color:#f9f9f9}.pickers_holder .date_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:24px;transform:translateY(-50%);background-color:#fff}.pickers_holder .date_picker .month-years-size .month-year-item{display:flex;align-items:center;justify-content:center;height:24px;font-size:14px;color:#919191;font-weight:400;text-align:center;text-transform:uppercase}.pickers_holder .date_picker .month-years-size .month-year-item .left-year-show{color:#919191;font-size:14px;font-weight:700}.pickers_holder .date_picker .month-years-size .month-year-item:hover{color:#6c6c6c;cursor:pointer;background-color:#fbe9e9;border-radius:2px}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.pickers_holder .date_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 2px 0}.pickers_holder .date_picker .full-calendars-list{flex:1;max-height:290px;min-width:264px;overflow:hidden}.pickers_holder .date_picker .full-calendars-list .full_list{height:100%}.pickers_holder .date_picker .full-calendars-list .full_list .selfScroll{width:100%;height:100%}.pickers_holder .time_picker .time_picker_head{height:36px;display:flex;padding:0 12px;align-items:center;justify-content:space-between}.pickers_holder .time_picker .time_picker_head .selected_time{font-size:14px;font-weight:800;color:#6c6c6c}.pickers_holder .time_picker .time_picker_head .sel_now{color:#536bc2;font-size:14px;font-weight:700}.pickers_holder .time_picker .time_picker_head .sel_now:hover{cursor:pointer;color:#5673aa}.pickers_holder .time_picker .time_picker_body .picker_body_head{height:22px;display:flex;align-items:center;background-color:#f7f7f7;margin:0 4px 2px;border-radius:2px}.pickers_holder .time_picker .time_picker_body .picker_body_head div{flex:0 0 33%;text-align:center;font-size:10px;font-weight:700;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body_head div.active{color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body{position:relative;height:155px;display:flex;justify-content:center}.pickers_holder .time_picker .time_picker_body .picker_body:after{content:\"\";position:absolute;width:100%;height:31px;top:-1px;left:0;pointer-events:none;background:linear-gradient(to bottom,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body:before{content:\"\";position:absolute;pointer-events:none;width:100%;height:31px;bottom:-1px;left:0;background:linear-gradient(to top,#fff,#fff0);z-index:11}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line{position:absolute;width:calc(100% - 8px);height:22px;top:50%;left:4px;border-radius:2px;transform:translateY(-50%);background-color:#9191911a}.pickers_holder .time_picker .time_picker_body .picker_body .picker_line span{position:absolute;left:30%;font-size:14px;font-weight:400;color:#919191}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers{position:relative;height:22px;flex:0 0 33.3%;height:100%;padding:67px 0;margin:0 7px;overflow:auto;text-align:center;-ms-overflow-style:none;scrollbar-width:none;z-index:10}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:first-child{flex:0 0 28px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(2){flex:0 0 36px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:nth-child(3){flex:0 0 38px}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers::-webkit-scrollbar{display:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#919191;font-weight:400;-webkit-user-select:none;user-select:none}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item:hover{color:#5673aa;cursor:pointer}.pickers_holder .time_picker .time_picker_body .picker_body .scroll_pickers:hover{box-shadow:inset 0 0 4px #00000026}.pickers_holder .time_picker .picker_buttons{display:flex;padding:6px;justify-content:space-between}.pickers_holder .time_picker .picker_buttons .pick_button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;text-align:center;border-radius:2px;font-size:12px;font-weight:700;color:#919191b3}.pickers_holder .time_picker .picker_buttons .pick_button:hover{background-color:#f3f3f3;color:#919191;cursor:pointer}.pickers_holder .time_picker .picker_buttons .pick_button.set_button{width:57px;text-align:center;background-color:#6d82c7;color:#fff}.pickers_holder .time_picker .picker_buttons .pick_button.set_button:hover{background-color:#536bc2}.pickers_holder.dark_picker{background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size{width:40px;background-color:#424242}.pickers_holder.dark_picker .month-years-size .calendar_border{position:absolute;top:50%;width:100%;height:26px;transform:translateY(-50%);background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .month-year-item{height:22px;color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item .left-year-show{color:#ccc;font-size:11px}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year{color:#fff}.pickers_holder.dark_picker .month-years-size .month-year-item.current_month_year .left-year-show{color:#fff;font-weight:700}.pickers_holder.dark_picker .month-years-size .month-year-item:hover{color:#fff;background-color:#2f2f2f}.pickers_holder.dark_picker .month-years-size .cdk-virtual-scroll-content-wrapper{padding:133px 4px 0}.pickers_holder.dark_picker .date_picker{margin:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list{min-width:184px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view{width:182px;padding-top:6px;background-color:#2f2f2f}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head{padding:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name{padding:0 4px;color:#fff;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .month_name .year_hold{margin-right:0;color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today{padding:0 4px;color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendar_view_head .today:hover{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator{margin:12px 10px;color:#919191;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.current_year{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_indicator.full_calendar{margin-bottom:4px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px 4px;padding:0}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_month_days .cal_day{width:22px;height:22px;margin:0;font-size:9px;color:#aaa;text-align:center}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;row-gap:12px;justify-content:unset;margin:0 6px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item{margin:0;height:22px;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item:hover:not(.current_month){background-color:#424242;color:#fff;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list .month_list_item.current_month{color:#fff;background-color:#3b73ed66;border-radius:2px;cursor:pointer}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .month_list.current_year .month_list_item{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 6px;padding:0;height:auto}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day{width:22px;height:22px;margin:0;color:#919191;font-size:11px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#3b73ed66;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#3b73ed66;color:#fff;border-radius:2px}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.day_in_current_month{color:#fff}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day.weekend_day_in_current_month{color:#ccc}.pickers_holder.dark_picker .date_picker .full-calendars-list .calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#424242;border-radius:2px;cursor:pointer;color:#fff}.pickers_holder.dark_picker .time_picker{width:156px;margin:4px}.pickers_holder.dark_picker .time_picker .time_picker_head{height:18px;padding:0 4px;margin-bottom:4px}.pickers_holder.dark_picker .time_picker .time_picker_head .selected_time{color:#fff;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_head .sel_now{color:#92b1f5;font-size:11px;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;margin:0 0 4px;padding:2px;background:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body_head div{color:#aaa;font-size:9px;text-align:center;text-transform:uppercase}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body{height:176px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:4px;padding:0 2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:before{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body:after{display:none}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line{left:0;width:100%;background-color:#3b73ed33}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line{left:33.3%;width:1px;height:12px;margin-top:5px;background-color:#92b1f5;opacity:.4;border-radius:2px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .picker_line .border_line.line_2{left:66.6%}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers{margin:0;padding:77px 0}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item{color:#aaa;font-size:11px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_body .scroll_pickers .scroll_item.active_item{color:#fff}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px;margin-top:6px;padding:4px 0 0;border-top:1px solid #424242}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button{height:18px;background-color:#424242;color:#fff;font-size:11px;text-transform:uppercase;border-radius:1px}.pickers_holder.dark_picker .time_picker .time_picker_body .picker_buttons .pick_button.set_button{width:auto;background-color:#3b73ed}.calendar_view{width:260px;padding-top:12px;background-color:#fff}.calendar_view .calendar_view_head{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 12px}.calendar_view .calendar_view_head .month_name{font-size:12px;font-weight:700;color:#6c6c6c}.calendar_view .calendar_view_head .month_name .year_hold{margin-right:5px;text-transform:uppercase;color:#6c6c6c;cursor:pointer}.calendar_view .calendar_view_head .month_name .year_hold:hover{color:#919191}.calendar_view .calendar_view_head .today{font-size:12px;font-weight:700;color:#5673aab3;cursor:pointer}.calendar_view .calendar_view_head .today:hover{color:#3551b7}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport{height:230px;min-height:230px}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport ::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view cdk-virtual-scroll-viewport::-webkit-scrollbar{display:none}.calendar_view .calendars_list_view .calendar_indicator{margin:12px;height:18px;font-size:12px;color:#6c6c6c66;font-weight:700}.calendar_view .calendars_list_view .calendar_month_days{padding:0 3px}.calendar_view .calendars_list_view .calendar_month_days.hideVisibility{visibility:hidden}.calendar_view .calendars_list_view .calendar_month_days .cal_day{width:24px;margin:0 6px;font-size:12px;font-weight:700;color:#b7b7b7}.calendar_view .calendars_list_view .calendar_days{height:140px;display:flex;flex-wrap:wrap;padding:0 3px}.calendar_view .calendars_list_view .calendar_days .calendar_day{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0 6px;font-size:14px;font-weight:400;color:#6c6c6c}.calendar_view .calendars_list_view .calendar_days .calendar_day.current_day{color:#fff;background-color:#919191;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day.selected_day{background-color:#919191;color:#fff;border-radius:2px}.calendar_view .calendars_list_view .calendar_days .calendar_day:not(.empty_day):not(.selected_day):hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer;color:#3c3c3c}.calendar_view .month_list{display:flex;flex-wrap:wrap;justify-content:space-around;height:140px}.calendar_view .month_list .month_list_item{flex:0 0 50px;height:24px;margin:0 10px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;color:#6c6c6c;font-weight:400}.calendar_view .month_list .month_list_item:hover:not(.current_month){background-color:#f7f7f7;color:#3c3c3c;border-radius:2px;cursor:pointer}.calendar_view .month_list .month_list_item.current_month{color:#3c3c3c;background-color:#f7f7f7;border-radius:2px;cursor:pointer}.dropdown{z-index:999!important}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.input-custom-group{display:block;position:relative}.input-custom-group .location-area-filter,.input-custom-group .location-area-filter.focus,.input-custom-group .location-area-filter.focus:hover{background-color:#424242!important;color:#fff!important}.input-custom-group .location-area-filter.focus::placeholder{background-color:#424242!important}.input-custom-group .location-area-filter:focus{background-color:#424242!important;color:#fff!important}.input-custom-group:hover.required-label-table label span{color:#2f2f2f!important}.input-custom-group.custom-empty-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:hover~.input-control{background-color:#dadada}.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-empty-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover .input-icon:before:hover,.input-custom-group.custom-empty-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-empty-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover{transition:.3s ease-in-out}.input-custom-group.custom-filled-hover:hover .input-clear{display:inline-block}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:before:hover,.input-custom-group.custom-filled-hover:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-icon:before:hover,.input-custom-group.custom-filled-hover:hover .input-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.custom-filled-hover:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.custom-filled-hover:hover .input-clear:before:hover,.input-custom-group.custom-filled-hover:hover .input-clear:after:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .input-clear{display:inline-block!important}.input-custom-group.input-remove-trash-can:hover .input-clear:hover~.input-control{background-color:#dadada}.input-custom-group.input-remove-trash-can:hover .placeholder-icon-right-side{opacity:0}.input-custom-group.input-remove-background:hover .input-control{background:transparent!important}.input-custom-group.input-remove-background.input-blue-text{color:red}.input-custom-group.input-remove-background .input-control{background:transparent;color:#2f2f2f;font-weight:400}.input-custom-group.input-remove-background .input-control.focus,.input-custom-group.input-remove-background .input-control.focus:hover{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-control.focus::placeholder{color:#fff!important}.input-custom-group.input-remove-background .input-control:focus{background:#2f2f2f!important;color:#fff!important}.input-custom-group.input-remove-background .input-dropdown-arrow svg path{fill:#919191!important}.input-custom-group.input-blue-text .input-control{color:#6692f1}.input-custom-group.invalid-filled-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-filled-focus-out:hover .input-clear,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-filled-focus-out:hover .input-icon,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear{display:inline-block}.input-custom-group.invalid-filled-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:before:hover,.input-custom-group.invalid-filled-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-filled-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-filled-focus-out:hover .input-label-counter{display:flex}.input-custom-group.invalid-empty-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.invalid-empty-focus-out:hover .input-clear{display:none}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg path{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x svg rect{fill:#e66767}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg path{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover.input-remove-trash-can app-ca-input-clear .trash-can-svg .input-clear-x:hover svg rect{fill:#c20c0c}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.invalid-empty-focus-out:hover .input-icon{display:inline-block}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-invalid-danger-mark:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-empty-focus-out:hover .input-icon:before:hover,.input-custom-group.invalid-empty-focus-out:hover .input-icon:after:hover~.input-control{background-color:#f5c7c7}.input-custom-group.invalid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.invalid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#e22e22}.input-custom-group.invalid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.invalid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.invalid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#e22e22}.input-custom-group.valid-focus-out:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear,.input-custom-group.valid-focus-out:hover .input-pen-container,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow,.input-custom-group.valid-focus-out:hover .input-icon,.input-custom-group.valid-focus-out:hover .input-label-counter,.input-custom-group.valid-focus-out:hover .input-password-eye,.input-custom-group.valid-focus-out:hover app-ca-input-password,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon,.input-custom-group.valid-focus-out:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.valid-focus-out:hover .input-clear:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-clear:before:hover,.input-custom-group.valid-focus-out:hover .input-clear:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-pen-container:before:hover,.input-custom-group.valid-focus-out:hover .input-pen-container:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:before:hover,.input-custom-group.valid-focus-out:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-icon:before:hover,.input-custom-group.valid-focus-out:hover .input-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-label-counter:before:hover,.input-custom-group.valid-focus-out:hover .input-label-counter:after:hover~.input-control,.input-custom-group.valid-focus-out:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-out:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-out:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-out:hover app-ca-input-clear:after:hover~.input-control{background-color:#c5d8f3}.input-custom-group.valid-focus-out:hover .input-label-counter{display:flex}.input-custom-group.valid-focus-out:hover .input-required-check{display:none}.input-custom-group.valid-focus-in:hover{transition:.3s ease-in-out}.input-custom-group.valid-focus-in:hover .trash-can-svg:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:hover~.input-control{background-color:#255bb9}.input-custom-group.valid-focus-in:hover .trash-can-svg:before:hover,.input-custom-group.valid-focus-in:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.valid-focus-in:hover .input-password-eye:before:hover,.input-custom-group.valid-focus-in:hover .input-password-eye:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-password:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.valid-focus-in:hover app-ca-input-clear:before:hover,.input-custom-group.valid-focus-in:hover app-ca-input-clear:after:hover~.input-control{background-color:#255bb9}.input-custom-group.inactive-filled:hover .input-clear,.input-custom-group.inactive-filled:hover .trash-can-svg,.input-custom-group.inactive-filled:hover .input-pen-container,.input-custom-group.inactive-filled:hover .input-dropdown-arrow,.input-custom-group.inactive-filled:hover .input-icon,.input-custom-group.inactive-filled:hover .input-password-eye,.input-custom-group.inactive-filled:hover app-ca-input-password,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-filled:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-filled:hover .input-clear:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-filled:hover .input-clear:before:hover,.input-custom-group.inactive-filled:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-filled:hover .trash-can-svg:before:hover,.input-custom-group.inactive-filled:hover .trash-can-svg:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-pen-container:before:hover,.input-custom-group.inactive-filled:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-filled:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-icon:before:hover,.input-custom-group.inactive-filled:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover .input-password-eye:before:hover,.input-custom-group.inactive-filled:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-password:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-filled:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-filled:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear,.input-custom-group.inactive-empty:hover .input-pen-container,.input-custom-group.inactive-empty:hover .input-dropdown-arrow,.input-custom-group.inactive-empty:hover .input-icon,.input-custom-group.inactive-empty:hover .input-password-eye,.input-custom-group.inactive-empty:hover app-ca-input-password,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon,.input-custom-group.inactive-empty:hover app-ca-input-clear{display:inline-block;transition:.3s ease-in-out}.input-custom-group.inactive-empty:hover .input-clear:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:hover~.input-control{background-color:#f7f7f7}.input-custom-group.inactive-empty:hover .input-clear:before:hover,.input-custom-group.inactive-empty:hover .input-clear:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-pen-container:before:hover,.input-custom-group.inactive-empty:hover .input-pen-container:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:before:hover,.input-custom-group.inactive-empty:hover .input-dropdown-arrow:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-icon:before:hover,.input-custom-group.inactive-empty:hover .input-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover .input-password-eye:before:hover,.input-custom-group.inactive-empty:hover .input-password-eye:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-password:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-password:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-placeholder-icon:after:hover~.input-control,.input-custom-group.inactive-empty:hover app-ca-input-clear:before:hover,.input-custom-group.inactive-empty:hover app-ca-input-clear:after:hover~.input-control{background-color:#f7f7f7}.input-custom-group .input-label{position:absolute;top:4px;left:6px;font-size:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:.3s ease-in-out}.input-custom-group .input-label span::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label span::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.input-custom-group .input-label.required:after{content:\" *\";color:#ef5350}.input-custom-group .input-label.inactive-empty{color:#919191!important}.input-custom-group .input-label.up-label{top:-17px;left:6px;font-size:11px;font-weight:600}.input-custom-group .input-label.in-label{top:4px!important;font-size:11px!important;font-weight:600!important;transition:none!important}.input-custom-group .input-label.in-label.in-label-focus{color:#fff!important}.input-custom-group .input-label.no-transition{transition:none!important}.input-custom-group .input-label.input-placeholderIcon-on{left:37px}.input-custom-group .input-label.input-placeholderIcon-on.up-label{left:36px}.input-custom-group .input-label.hidden{display:none!important}.input-custom-group .input-label.required-label span{color:#df3c3c}.input-custom-group .input-label.load-shipper .load-shipper{display:grid;grid-template-columns:455px 120px;align-items:center}.input-custom-group .input-label.load-shipper .load-shipper span:nth-child(2){text-align:right;color:#6c6c6c;font-size:11px;font-weight:600}.input-custom-group .input-label.load-shipper.required:after{position:absolute;right:0;left:60px;top:0}.input-custom-group .input-label.load-shipper.multiple-labels.required:after,.input-custom-group .input-label.load-shipper.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;right:0;left:48px;top:0}.input-custom-group .input-label .load-dispatches-ttd{display:grid;grid-template-columns:92px 89px 182px 53px;align-items:center;-moz-column-gap:65px;grid-column-gap:65px;column-gap:65px}.input-custom-group .input-label .load-dispatches-ttd span:nth-child(4){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-dispatches-ttd.multiple-labels-position-on-focus span:nth-child(4){transition-delay:.3s;color:#6c6c6c!important;opacity:1;top:-19px}.input-custom-group .input-label.dropdown-double-column>*{display:grid;grid-template-columns:118px 1fr;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.dropdown-triple-column>*{display:grid;grid-template-columns:220px 138px 220px;align-items:center;-moz-column-gap:4px;grid-column-gap:4px;column-gap:4px}.input-custom-group .input-label.load-broker .load-broker{display:grid;align-items:center;grid-template-columns:277px 82px 69px}.input-custom-group .input-label.load-broker .load-broker span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker span:nth-child(3){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label.load-broker .load-broker.multiple-labels-position-on-focus span:nth-child(3){transition-delay:.3s;color:#919191!important;opacity:1;top:-19px;text-align:right}.input-custom-group .input-label.load-broker.required:after{position:absolute;left:51px;right:0;top:-1px}.input-custom-group .input-label.load-broker.multiple-labels.required:after,.input-custom-group .input-label.load-broker.up-label.required:after{transition-delay:.1s;transition-timing-function:ease-in;position:absolute;left:44px;right:0;top:-1px}.input-custom-group .input-label .load-broker-contact,.input-custom-group .input-label .load-shipper-contact{display:grid;grid-template-columns:235px 38px;align-items:center;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;transition:.3 ease-in-out}.input-custom-group .input-label .load-broker-contact span:nth-child(2),.input-custom-group .input-label .load-shipper-contact span:nth-child(2){color:#2f2f2f!important;opacity:0;top:-19px;font-size:11px;font-weight:600}.input-custom-group .input-label .load-broker-contact.multiple-labels-position-on-focus span:nth-child(2),.input-custom-group .input-label .load-shipper-contact.multiple-labels-position-on-focus span:nth-child(2){transition-delay:.3s;opacity:1;top:-19px;color:#6c6c6c!important}.input-custom-group .input-label.load-shipper-contact .load-shipper-contact{grid-template-columns:295px 38px}.input-custom-group .input-label.regular{font-weight:400}.input-custom-group .input-label.datetimeclass.dark{color:#fff}.input-custom-group .hide-loads .load-broker{grid-template-columns:365px 92px}.input-custom-group .input-control{width:100%;height:26px;border:none;outline:none;border-radius:2px;padding:4px 6px;font-size:14px;font-weight:400;background-color:#eee;color:#2f2f2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-custom-group .input-control::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.center{text-align:center}.input-custom-group .input-control.uppercase{text-transform:uppercase}.input-custom-group .input-control.lowercase{text-transform:lowercase}.input-custom-group .input-control:hover{background-color:#dadada}.input-custom-group .input-control:focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .input-control:focus::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-placeholder{color:#fff6}.input-custom-group .input-control:focus:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control:focus::placeholder{color:#fff6}.input-custom-group .input-control:focus::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control:focus.blue-dropdown{background-color:#0b49d1}.input-custom-group .input-control.valid-focus-in,.input-custom-group .input-control.dropdown-placeholder-active,.input-custom-group .input-control.multiSelect-dropdown-active{background-color:#255bb9;color:#fff}.input-custom-group .input-control.valid-focus-in::-webkit-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-webkit-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-webkit-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-moz-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in:-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active:-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active:-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-ms-input-placeholder,.input-custom-group .input-control.dropdown-placeholder-active::-ms-input-placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::-ms-input-placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::placeholder,.input-custom-group .input-control.dropdown-placeholder-active::placeholder,.input-custom-group .input-control.multiSelect-dropdown-active::placeholder{color:#6f9ee0}.input-custom-group .input-control.valid-focus-in::-moz-selection,.input-custom-group .input-control.dropdown-placeholder-active::-moz-selection,.input-custom-group .input-control.multiSelect-dropdown-active::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-in::selection,.input-custom-group .input-control.dropdown-placeholder-active::selection,.input-custom-group .input-control.multiSelect-dropdown-active::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.valid-focus-out-filled{background-color:#e2ecf9;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled.input-dropdown-table{background-color:#fff}.input-custom-group .input-control.valid-focus-out-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.valid-focus-out-filled:hover{background-color:#c5d8f3}.input-custom-group .input-control.invalid-focus-in,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in{background-color:#e22e22;color:#fff}.input-custom-group .input-control.invalid-focus-in::-moz-selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::-moz-selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-in::selection,.input-custom-group .input-control.invalid-search-in-dropdown-focus-in::selection{background-color:#fff3;color:#fff}.input-custom-group .input-control.invalid-focus-out-filled,.input-custom-group .input-control.invalid-focus-out-empty{background-color:#fae3e3;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::-moz-selection,.input-custom-group .input-control.invalid-focus-out-empty::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled::selection,.input-custom-group .input-control.invalid-focus-out-empty::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.invalid-focus-out-filled:hover,.input-custom-group .input-control.invalid-focus-out-empty:hover{background-color:#f5c7c7}.input-custom-group .input-control.invalid-focus-out-empty-table:hover{color:#2f2f2f;background-color:#f5c7c7}.input-custom-group .input-control.inactive-empty{background-color:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled{background-color:#f7f7f7;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .input-control.inactive-filled::-moz-selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.inactive-filled::selection{background-color:#2f2f2f33;color:#2f2f2f}.input-custom-group .input-control.datetimeclass:not(.inactive-filled){letter-spacing:1px;pointer-events:none;opacity:0}.input-custom-group .input-control.has-placeholderIcon{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-truck{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-webkit-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-moz-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus:-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::-ms-input-placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-truck-focus::placeholder{padding-left:63px}.input-custom-group .input-control.dropdown-input-image-trailer{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-webkit-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-moz-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus:-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::-ms-input-placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-trailer-focus::placeholder{padding-left:68px}.input-custom-group .input-control.dropdown-input-image-color{padding-left:29px}.input-custom-group .input-control.dropdown-input-image-user{padding-left:30px}.input-custom-group .input-control.dropdown-input-image-pm{padding-left:37px}.input-custom-group .input-control.dropdown-input-image-without-text-transparent,.input-custom-group .input-control.multiple-input-values{color:transparent}.input-custom-group .input-control.input-32-font-20{font-weight:700;font-size:20px}.input-custom-group .input-control.details-pages{height:32px;background:#1d1d1d;color:#fff6}.input-custom-group .input-control.details-pages .input-dropdown-arrow:hover,.input-custom-group .input-control.details-pages:hover{background:#1d1d1d}.input-custom-group .input-control.details-pages::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-moz-placeholder{color:#fff6}.input-custom-group .input-control.details-pages:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.details-pages::placeholder{color:#fff6}.input-custom-group .input-control.disable-select-on-focus-out::-moz-selection{background-color:transparent}.input-custom-group .input-control.disable-select-on-focus-out::selection{background-color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-webkit-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-moz-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input:-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::-ms-input-placeholder{opacity:0;color:transparent}.input-custom-group .input-control.hide-placeholder-in-multiple-placeholder-input::placeholder{opacity:0;color:transparent}.input-custom-group .input-control.multiple-input-placeholder{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-dispatches-ttd,.input-custom-group .input-control.load-broker,.input-custom-group .input-control.load-shipper,.input-custom-group .input-control.load-shipper-contact{position:absolute;bottom:1.5px;background-color:transparent;display:grid;align-items:center}.input-custom-group .input-control.load-dispatches-ttd span,.input-custom-group .input-control.load-broker span,.input-custom-group .input-control.load-shipper span,.input-custom-group .input-control.load-shipper-contact span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.double-text-dropdown{position:absolute;top:50%;transform:translateY(-48%);background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding-right:26px}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text{color:#919191;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.double-text-dropdown span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd{grid-template-columns:repeat(2,156px) 150px 122px;padding-top:3px}.input-custom-group .input-control.load-dispatches-ttd svg{height:16px;width:44px}.input-custom-group .input-control.load-dispatches-ttd svg path{fill:#919191}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(1) .multiple-input-text,.input-custom-group .input-control.load-dispatches-ttd span:nth-child(2) .multiple-input-text{max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:nth-child(3) .multiple-input-text{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-custom-group .input-control.load-dispatches-ttd span:last-child{justify-content:flex-end}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text{color:#919191!important;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-dispatches-ttd span:last-child .multiple-input-text.focusable-text{color:#6f9ee0;font-size:11px;font-weight:400}.input-custom-group .input-control.load-dispatches-ttd span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd span span{line-height:23px;position:relative}.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.load-dispatches-ttd .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-dispatches-ttd .focusable-image{opacity:.6}.input-custom-group .input-control.load-dispatches-ttd .trailerContainer{width:max-content!important;padding:0!important;margin:0!important}.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9856,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9857,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg #Ellipse_9858,.input-custom-group .input-control.payroll-deduction-truck .focusable-svg svg path{fill:#6f9ee0}.input-custom-group .input-control.load-broker{display:grid;grid-template-columns:229px 115px 48px;align-items:center;height:24px}.input-custom-group .input-control.load-broker span:nth-child(1){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-custom-group .input-control.load-broker span:nth-child(2),.input-custom-group .input-control.load-broker span:nth-child(3){justify-content:flex-end}.input-custom-group .input-control.load-broker span:nth-child(3){position:relative;bottom:1px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-broker span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-broker-contact,.input-custom-group .input-control.load-shipper-contact{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:grid;grid-template-columns:165px 94px;align-items:center;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.load-broker-contact span,.input-custom-group .input-control.load-shipper-contact span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.load-broker-contact span span,.input-custom-group .input-control.load-shipper-contact span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.load-broker-contact span:nth-child(2),.input-custom-group .input-control.load-shipper-contact span:nth-child(2){justify-self:flex-end;font-size:11px;font-weight:400;line-height:24px}.input-custom-group .input-control.load-broker-contact span:nth-child(2) span,.input-custom-group .input-control.load-shipper-contact span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.text-suffix{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent!important;display:flex;align-items:center;column-gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding-right:35px}.input-custom-group .input-control.text-suffix span{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-control.text-suffix span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.text-suffix span:nth-child(2){justify-self:flex-end;font-size:14px;font-weight:400;line-height:18px}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text){color:#919191!important}.input-custom-group .input-control.text-suffix span:nth-child(2) span:not(.focusable-text):before{content:\"\\2022 \"}.input-custom-group .input-control.text-suffix span:nth-child(2) span.ca-add-dot:before{content:\"\\2022 \"}.input-custom-group .input-control.load-shipper-contact{grid-template-columns:283px 38px}.input-custom-group .input-control.load-shipper{grid-template-columns:394px 180px;-moz-column-gap:2px;column-gap:2px;padding-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px}.input-custom-group .input-control.load-shipper span:nth-child(2),.input-custom-group .input-control.load-shipper span:nth-child(3){justify-content:flex-end;font-size:11px;color:#919191!important;font-weight:400}.input-custom-group .input-control.load-shipper span:nth-child(2) span{color:#919191!important}.input-custom-group .input-control.load-shipper span:nth-child(2) span.focusable-text{color:#6f9ee0}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:18px;border-radius:30px;text-align:center;font-size:11px;font-weight:400;color:#919191;background-color:#91919133;padding:1px 6px;position:relative;bottom:1px}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-focus{color:#6f9ee0;background-color:#6f9ee033}.input-custom-group .input-control.load-shipper span:nth-child(3) .multiple-input-text.counter.counter-one{max-width:none!important;width:19px!important}.input-custom-group .input-control.load-shipper span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-custom-group .input-control.cursor-on-right-side{text-align:right;padding-right:32px}.input-custom-group .input-control.merge-dropdown-body-with-input::-webkit-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-moz-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input:-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::-ms-input-placeholder{color:#fff6}.input-custom-group .input-control.merge-dropdown-body-with-input::placeholder{color:#fff6}.input-custom-group .input-control.input-commands{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.input-commands.blue-commands{background-color:#0b49d1!important}.input-custom-group .input-control.dropdown-label-active{background-color:#1d1d1d!important;color:#fff!important}.input-custom-group .input-control.dispatch-dropdown{width:calc(100% - 24px);background-color:#2f2f2f!important}.input-custom-group input[type=number]::-webkit-inner-spin-button,.input-custom-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]::-webkit-inner-spin-button:hover,.input-custom-group input[type=number]::-webkit-outer-spin-button:hover,.input-custom-group input[type=number]::-webkit-inner-spin-button:focus,.input-custom-group input[type=number]::-webkit-outer-spin-button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important}.input-custom-group input[type=number]{-moz-appearance:textfield!important}.input-custom-group input[type=number]:hover,.input-custom-group input[type=number]:focus{-moz-appearance:textfield!important}.input-custom-group .load-dispatches-ttd-owner{position:absolute;left:13px;bottom:7px;width:10px;height:10px}.input-custom-group .load-dispatches-ttd-owner svg{width:10px!important;height:10px!important}.input-custom-group .time-picker-opacity{opacity:1!important}.input-custom-group .dispatch-history-default-color{background:#f7f7f7!important;transition:background .3s ease-in-out}.input-custom-group .dispatch-history-row-hover{background:#eee!important;transition:background .3s ease-in-out}.input-custom-group .input-required-check{position:absolute;right:6px;width:14px;height:10px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-required-check svg path{fill:#6f9ee0}.input-custom-group .input-clear{position:absolute;right:4px;top:47%;transform:translateY(-50%);border-radius:1px;display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-clear .input-clear-x svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-clear .input-clear-x svg path{fill:#eee}.input-custom-group .input-clear .input-clear-x svg rect{fill:#919191;transition:transform .3s;transform:scale(1);transform-origin:center}.input-custom-group .input-clear .input-clear-x:hover svg{overflow:visible}.input-custom-group .input-clear .input-clear-x:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#424242}.input-custom-group .input-clear.datetimeclass{z-index:22!important}.input-custom-group .input-clear.focus{display:inline-block}.input-custom-group .input-clear.focus .input-clear-x svg path{fill:#1d1d1d}.input-custom-group .input-clear.focus .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.focus .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-in{display:inline-block}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg path{fill:#255bb9}.input-custom-group .input-clear.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.invalid-focus-in{display:inline-block}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg path{fill:#e22e22}.input-custom-group .input-clear.invalid-focus-in .input-clear-x svg rect{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg path{fill:#f5c7c7}.input-custom-group .input-clear.invalid-focus-out .input-clear-x svg rect{fill:#e57373}.input-custom-group .input-clear.invalid-focus-out .input-clear-x:hover svg rect{fill:#ef5350}.input-custom-group .input-clear.incorrect-input{display:none}.input-custom-group .input-clear.incorrect-input .input-clear-x svg path{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input .input-clear-x svg rect{fill:transparent!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover{display:inline-block}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.incorrect-input-on{display:inline-block}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x svg rect{fill:#e57373!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg path{fill:#eee!important}.input-custom-group .input-clear.incorrect-input-on .input-clear-x:hover svg rect{fill:#ef5350!important}.input-custom-group .input-clear.dropdown-on{right:27px!important;top:50%;transform:translateY(-50%)}.input-custom-group .input-clear.dropdown-on svg-icon{display:flex}.input-custom-group .input-clear.hidden{display:none}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg{width:20px!important;height:20px!important;position:relative;left:1px}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg path{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x svg rect{fill:#aaa}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg path{fill:#919191}.input-custom-group .input-clear.trash-can-svg .input-clear-x:hover svg rect{fill:#919191}.input-custom-group .input-clear.trash-can-svg:before{content:\"\";display:block;height:16px;width:1px;border-radius:3px;background-color:#91919166;position:absolute;right:22px;top:56%;transform:translateY(-50%)}.input-custom-group .input-clear.trash-can-svg.valid-focus-in{display:none}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg path{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x svg rect{fill:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg path{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in .input-clear-x:hover svg rect{fill:#fff}.input-custom-group .input-clear.trash-can-svg.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg path{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x svg rect{fill:#6f9ee0}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg path{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out .input-clear-x:hover svg rect{fill:#3074d3}.input-custom-group .input-clear.trash-can-svg.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .input-clear-dispatch{position:absolute;right:0;top:47%;display:flex;justify-content:center;align-items:center;width:26px;height:26px;transform:translateY(-50%);border-radius:2px;z-index:10;cursor:pointer;transition:background .3s ease-in-out}.input-custom-group .input-clear-dispatch svg-icon svg{display:flex;width:12px!important;height:12px!important}.input-custom-group .input-clear-dispatch svg-icon svg path{fill:#919191;transition:fill .3s ease-in-out}.input-custom-group .input-clear-dispatch:hover{background-color:#91919166}.input-custom-group .input-clear-dispatch:hover svg-icon svg path{fill:#dadada}.input-custom-group .input-icon{position:absolute;left:6px;top:47%;transform:translateY(-50%);z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.3s ease-in-out}.input-custom-group .input-icon svg-icon svg{width:18px;height:18px}.input-custom-group .input-icon.datetimeclass{z-index:21}.input-custom-group .input-icon.default-svg-color svg path{fill:#919191}.input-custom-group .input-icon.cursor-pointer{cursor:pointer}.input-custom-group .input-icon:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:21px;top:55%;transform:translateY(-50%)}.input-custom-group .input-icon.focus svg path{fill:#ccc}.input-custom-group .input-icon.focus text{fill:#ccc}.input-custom-group .input-icon.focus:after{background:#ccc6}.input-custom-group .input-icon.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in text{fill:#98b9ea}.input-custom-group .input-icon.valid-focus-in:after{background:#c5d8f3}.input-custom-group .input-icon.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-icon.valid-focus-out text{fill:#6f9ee0}.input-custom-group .input-icon.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-icon.valid-focus-out-dropdown-label:after{background-color:#6f9ee066}.input-custom-group .input-icon.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in text{fill:#ffb0a8}.input-custom-group .input-icon.invalid-focus-in:after{background-color:#f5c7c7}.input-custom-group .input-icon.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out text{fill:#e57373}.input-custom-group .input-icon.invalid-focus-out:after{background:#e5737366}.input-custom-group .input-icon.inactive-empty svg path{fill:#ccc}.input-custom-group .input-icon.inactive-filled svg path{fill:#aaa}.input-custom-group .input-icon.inactive-filled:after{background-color:#aaa6}.input-custom-group .input-icon.discolor-placeholder svg path{fill:#919191}.input-custom-group .input-icon.load-adjusted-rate svg path{fill:#ffa726}.input-custom-group .input-icon.load-advance-rate svg path{fill:#4db6a2}.input-custom-group .input-icon.hidden{display:none!important}.input-custom-group .input-dropdown-arrow{display:inline-block;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:14px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;cursor:pointer}.input-custom-group .input-dropdown-arrow svg{display:flex;width:100%;transform:rotate(0);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow svg path{fill:#919191}.input-custom-group .input-dropdown-arrow:hover svg path{fill:#424242}.input-custom-group .input-dropdown-arrow.datetimeclass{z-index:22!important}.input-custom-group .input-dropdown-arrow.focus svg{transform:rotate(180deg);transition:.3s ease-in-out}.input-custom-group .input-dropdown-arrow.focus svg path{fill:#ccc}.input-custom-group .input-dropdown-arrow.focus:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-dropdown-arrow.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-dropdown-arrow.invalid-focus-in svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in svg path{fill:#f5c7c7}.input-custom-group .input-dropdown-arrow.invalid-focus-in:hover svg path,.input-custom-group .input-dropdown-arrow.invalid-search-in-dropdown-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-in svg path{fill:#c5d8f3}.input-custom-group .input-dropdown-arrow.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-dropdown-arrow.valid-focus-out svg path{fill:#6692f1}.input-custom-group .input-dropdown-arrow.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-error{position:absolute;top:100%;right:5px;color:#ef5350;font-size:11px;font-weight:600;line-height:14px;display:inline-block}.input-custom-group .input-error::-moz-selection{background-color:#ef535033;color:#ef5350}.input-custom-group .input-error::selection{background-color:#ef535033;color:#ef5350}.input-custom-group .error-inside-input{position:absolute;right:32px;font-weight:600;font-size:11px;line-height:14px;color:#df3c3c;top:24%;pointer-events:none}.input-custom-group .input-password-eye{display:none;width:18px;height:18px;position:absolute;left:6px;top:50%;transform:translateY(-50%);padding-top:0;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-password-eye svg{width:18px;height:18px;position:absolute;bottom:0}.input-custom-group .input-password-eye svg path{fill:#919191}.input-custom-group .input-password-eye:after{content:\"\";display:block;height:15px;width:1px;border-radius:3px;background:#91919166;position:absolute;left:24px;top:52%;transform:translateY(-50%)}.input-custom-group .input-password-eye.visible{display:inline-block}.input-custom-group .input-password-eye.inactive svg path{fill:#ccc}.input-custom-group .input-password-eye.inactive:after{background-color:#aaa6}.input-custom-group .input-password-eye.valid-focus-out svg path{fill:#6f9ee0}.input-custom-group .input-password-eye.valid-focus-out:hover svg path{fill:#3074d3}.input-custom-group .input-password-eye.valid-focus-out:after{background-color:#6f9ee066}.input-custom-group .input-password-eye.valid-focus-in{display:inline-block}.input-custom-group .input-password-eye.valid-focus-in svg path{fill:#98b9ea}.input-custom-group .input-password-eye.valid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.valid-focus-in:after{background-color:#c5d8f3}.input-custom-group .input-password-eye.invalid-focus-out svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-out svg path{fill:#e57373}.input-custom-group .input-password-eye.invalid-focus-out:hover svg path{fill:#ef5350}.input-custom-group .input-password-eye.invalid-focus-out:after{background-color:#e5737366}.input-custom-group .input-password-eye.invalid-focus-in svg{transition:.3s ease-in-out}.input-custom-group .input-password-eye.invalid-focus-in svg path{fill:#ffb0a8}.input-custom-group .input-password-eye.invalid-focus-in:hover svg path{fill:#fff}.input-custom-group .input-password-eye.invalid-focus-in:after{background-color:#f5c7c7}@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}}.input-custom-group .date_time_holder{display:flex;align-items:center;position:absolute;top:0;width:100%;height:100%;padding:0 6px;opacity:0;z-index:20;cursor:text}.input-custom-group .date_time_holder span{position:relative;line-height:14px;display:flex;height:100%;align-items:center;z-index:10}.input-custom-group .date_time_holder span .border-picker{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center;width:0px}.input-custom-group .date_time_holder span::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder span div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder::selection{background-color:transparent!important;color:#fff}.input-custom-group .date_time_holder span.main{padding:0 2px;outline:none;font-size:14px;z-index:11}.input-custom-group .date_time_holder span.main::selection{z-index:10}.input-custom-group .date_time_holder span.main:first-child{padding-left:4px}.input-custom-group .date_time_holder span.reset-selection-color::selection{background-color:transparent!important;color:#2f2f2f!important}.input-custom-group .date_time_holder.focus{opacity:1;padding-left:35px}.input-custom-group .date_time_holder.focus span:nth-child(2){z-index:12;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(3){z-index:13}.input-custom-group .date_time_holder.focus span:nth-child(4){z-index:14;pointer-events:none}.input-custom-group .date_time_holder.focus span:nth-child(5){z-index:15}.input-custom-group .date_time_holder.valid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.valid-focus-out-filled span,.input-custom-group .date_time_holder.valid-focus-out-filled span .border-picker{color:#2f2f2f!important;-webkit-user-select:none;user-select:none}.input-custom-group .date_time_holder.dark.valid-focus-out-filled{background:#3b73ed33!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled span,.input-custom-group .date_time_holder.dark.valid-focus-out-filled span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.dark.valid-focus-out-filled:hover{background:#3b73ed66!important}.input-custom-group .date_time_holder.dark.valid-focus-in{background:#0b49d1!important}.input-custom-group .date_time_holder.dark.valid-focus-in span,.input-custom-group .date_time_holder.dark.valid-focus-in span .border-picker{color:#fff!important}.input-custom-group .date_time_holder.focus{background-color:#1d1d1d;color:#fff;transition:.2s ease-in-out}.input-custom-group .date_time_holder.valid-focus-in{opacity:1}.input-custom-group .date_time_holder.valid-focus-in::selection,.input-custom-group .date_time_holder.valid-focus-in div::selection{background-color:#fff3;color:#fff}.input-custom-group .date_time_holder.invalid-focus-out-filled{opacity:1}.input-custom-group .date_time_holder.date_time_holder_bank_card span.main{padding:0 3px}.input-custom-group .ca-placeholder-text{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);color:#919191;font-weight:400;font-size:14px;line-height:18px;padding-left:1px}.input-custom-group .ca-placeholder-text svg text{fill:#919191}.input-custom-group .ca-placeholder-text.inactive-filled{color:#aaa}.input-custom-group .ca-placeholder-text.inactive-filled svg text{fill:#aaa}.input-custom-group .ca-placeholder-text.focus{color:#919191}.input-custom-group .ca-placeholder-text.focus svg text{fill:#919191}.input-custom-group .ca-placeholder-text.valid-focus-in{color:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-in svg text{fill:#c5d8f3}.input-custom-group .ca-placeholder-text.valid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.valid-focus-out svg text{fill:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-in{color:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-in svg text{fill:#f5c7c7}.input-custom-group .ca-placeholder-text.invalid-focus-out{color:#919191}.input-custom-group .ca-placeholder-text.invalid-focus-out svg text{fill:#919191}.input-custom-group .input-invalid-danger-mark{position:absolute;right:5px;top:48%;transform:translateY(-50%);line-height:13.3px}.input-custom-group .input-invalid-danger-mark svg{width:13.3px;height:13.3px}.input-custom-group .input-invalid-danger-mark svg path{fill:#e57373}.input-custom-group .password-capslock{position:absolute;right:5px;top:-16px;color:#ffb74d;font-size:11px;font-weight:600;margin:0;padding:0;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.input-custom-group .ta-input-commands{display:flex;align-items:center;gap:4px;position:absolute;right:4px}.input-custom-group .ta-input-commands:before{content:attr(data-before-content);color:#919191;font-weight:400;font-size:14px;line-height:18px}.input-custom-group .ta-input-commands .ta-input-command-first{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-first .ta-input-command-svg-first:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-second{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-second .ta-input-command-svg-second:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands .ta-input-command-third{border-radius:1px;display:block;z-index:20;cursor:pointer}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg{width:18px!important;height:18px!important;overflow:visible;transition:transform .3s}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg path{fill:#1d1d1d}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#ccc}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands .ta-input-command-third .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#fff}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg rect{fill:none}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third svg path{fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#6692f1}.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-first:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-second:hover svg path,.input-custom-group .ta-input-commands.blue-commands .ta-input-command-svg-third:hover svg path{fill:#bed0f9}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg rect{fill:#ffffffb2}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second svg path,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third svg path{fill:#0b49d1}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg{overflow:visible}.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-first:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-second:hover svg rect,.input-custom-group .ta-input-commands.blue-commands-focus .ta-input-command-svg-third:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s}.input-custom-group .input-label-counter{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:11px;font-weight:700;color:#424242;background-color:#42424233;border-radius:9px;margin:0;padding-left:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-custom-group .input-loading-spinner{position:absolute;right:6px;bottom:3px}.input-custom-group .input-pen-container{position:absolute;right:50px;top:46%;transform:translateY(-50%);display:none;z-index:10;cursor:pointer;transition:.3s ease-in-out}.input-custom-group .input-pen-container .input-pen svg{width:18px!important;height:18px!important;overflow:visible}.input-custom-group .input-pen-container .input-pen svg path{fill:#c5d8f3}.input-custom-group .input-pen-container .input-pen svg rect{transition:transform .3s;transform:scale(1);transform-origin:center;fill:#6f9ee0}.input-custom-group .input-pen-container .input-pen:hover svg{overflow:visible}.input-custom-group .input-pen-container .input-pen:hover svg rect{transform:scale(1.2);transform-origin:center;transition:transform .3s;fill:#3074d3}.input-custom-group .dropdown-selected-image{position:absolute;left:6px;top:48%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.input-custom-group .dropdown-selected-image.truck-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.trailer-make svg path{fill:#6c6c6c}.input-custom-group .dropdown-selected-image.name-initials-instead-url{width:18px;height:18px;border-radius:50%;object-fit:cover;top:50%;transform:translateY(-50%)}.input-custom-group .dropdown-selected-image.load-broker{height:26px}.input-custom-group .dropdown-selected-image.load-broker svg{height:18px}.input-custom-group .dropdown-selected-image.load-broker.medium svg #Path_33564{fill:#ffb74d}.input-custom-group .dropdown-selected-image.load-broker.low svg #Path_33564{fill:#e57373}.input-custom-group .dropdown-selected-image.semitruck svg path,.input-custom-group .dropdown-selected-image.semisleeper svg path,.input-custom-group .dropdown-selected-image.boxtruck svg path,.input-custom-group .dropdown-selected-image.reefertruck svg path,.input-custom-group .dropdown-selected-image.cargovan svg path,.input-custom-group .dropdown-selected-image.dumptruck svg path,.input-custom-group .dropdown-selected-image.cementtruck svg path,.input-custom-group .dropdown-selected-image.garbagetruckm .input-custom-group .dropdown-selected-image.towtruck svg path,.input-custom-group .dropdown-selected-image.carhauler svg path,.input-custom-group .dropdown-selected-image.spotter svg path,.input-custom-group .dropdown-selected-image.flatbed svg path,.input-custom-group .dropdown-selected-image.stepdeck svg path,.input-custom-group .dropdown-selected-image.lowboyrgn svg path,.input-custom-group .dropdown-selected-image.chassis svg path,.input-custom-group .dropdown-selected-image.conestoga svg path,.input-custom-group .dropdown-selected-image.sidekit svg path,.input-custom-group .dropdown-selected-image.container svg path,.input-custom-group .dropdown-selected-image.dryvan svg path,.input-custom-group .dropdown-selected-image.reefer svg path,.input-custom-group .dropdown-selected-image.enddump svg path,.input-custom-group .dropdown-selected-image.bottomdump svg path,.input-custom-group .dropdown-selected-image.hopper svg path,.input-custom-group .dropdown-selected-image.tanker svg path,.input-custom-group .dropdown-selected-image.pneumatictanker svg path,.input-custom-group .dropdown-selected-image.carhaulerstigner svg path{fill:#919191!important}.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9856,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9857,.input-custom-group .dropdown-selected-image.unset-color svg #Ellipse_9858,.input-custom-group .dropdown-selected-image.unset-color svg path{fill:#fff6!important}.input-custom-group .placeholder-icon-right-side{position:absolute;right:4px}.input-custom-group .placeholder-icon-right-side.green svg path{fill:#4db6a2}.input-custom-group .placeholder-icon-right-side.purple svg path{fill:#ba68c8}.input-custom-group .placeholder-icon-right-side.blue svg path{fill:#6f9ee0}.input-custom-group .placeholder-icon-right-side.orange svg path{fill:#f89b2e}.input-custom-group .placeholder-icon-right-side.red svg path{fill:#e66767}.input-custom-group .placeholder-icon-right-side:before{content:\"\";display:block;height:15px;width:1px;border-radius:3px;position:absolute;right:22px;top:55%;transform:translateY(-50%);background-color:#91919166}.input-custom-group .placeholder-icon-right-side.focus:before{background-color:#ccc6}.input-custom-group .placeholder-icon-right-side.valid-focus-out:before{background-color:#6f9ee066}.input-custom-group .placeholder-icon-right-side.valid-focus-in:before{background-color:#c5d8f3}.input-custom-group .placeholder-icon-right-side.invalid-focus-out:before{background-color:#e5737366}.input-custom-group .placeholder-icon-right-side.invalid-focus-in:before{background-color:#f5c7c7}.input-fixed-placehoder-label{color:#919191;position:absolute;right:0;font-size:14px;top:3px}.input-fixed-placehoder-input{padding-right:25px!important}.input-border-radius{border-radius:8px!important}.hide-input-value{text-indent:-9999px}.payroll-deduction-truck-svg{line-height:16px}.payroll-deduction-truck-svg svg{width:46px;height:16px}.payroll-deduction-truck{display:grid!important;grid-template-columns:305px 92px!important}\n"] }]
|
|
11441
11441
|
}], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
|
|
11442
11442
|
type: Optional
|
|
11443
11443
|
}, {
|
|
@@ -11664,6 +11664,7 @@ class CaInputDropdownComponent {
|
|
|
11664
11664
|
}
|
|
11665
11665
|
onActiveItem(option, group) {
|
|
11666
11666
|
// Prevent user to pick franchise, without group
|
|
11667
|
+
console.log(option, group, this._template);
|
|
11667
11668
|
if (this._template === 'fuel-franchise' &&
|
|
11668
11669
|
option?.isFranchise &&
|
|
11669
11670
|
!group) {
|
|
@@ -11704,9 +11705,11 @@ class CaInputDropdownComponent {
|
|
|
11704
11705
|
}
|
|
11705
11706
|
// Pick the item
|
|
11706
11707
|
else {
|
|
11708
|
+
console.log(1);
|
|
11707
11709
|
this.inputConfig.selectedDropdown = true;
|
|
11708
11710
|
// Dropdown labels option selected
|
|
11709
11711
|
if (this.inputConfig.dropdownLabel) {
|
|
11712
|
+
console.log(122);
|
|
11710
11713
|
if (this.labelMode === 'Label') {
|
|
11711
11714
|
this._activeItem = option;
|
|
11712
11715
|
this.getSuperControl?.setValue(option.name);
|
|
@@ -11720,9 +11723,11 @@ class CaInputDropdownComponent {
|
|
|
11720
11723
|
}
|
|
11721
11724
|
// Normal Dropdown option selected
|
|
11722
11725
|
else {
|
|
11726
|
+
console.log(445);
|
|
11723
11727
|
this._activeItem = option;
|
|
11724
11728
|
this._options = this.originalOptions;
|
|
11725
11729
|
if (this.inputConfig.name !== 'RoutingAddress') {
|
|
11730
|
+
console.log('------', option?.number ? option.number : option.name);
|
|
11726
11731
|
this.getSuperControl?.patchValue(option?.number ? option.number : option.name);
|
|
11727
11732
|
if (this._template === 'fuel-franchise') {
|
|
11728
11733
|
this.getSuperControl.patchValue(group ? option.name : option.businessName);
|
|
@@ -12301,7 +12306,6 @@ class CaInputDropdownComponent {
|
|
|
12301
12306
|
.toLowerCase())) {
|
|
12302
12307
|
return true;
|
|
12303
12308
|
}
|
|
12304
|
-
console.log('AM ON DEFAULT NOW', selectedItem, item?.name.toLowerCase());
|
|
12305
12309
|
// Default
|
|
12306
12310
|
if (!this.inputConfig.dropdownLabel &&
|
|
12307
12311
|
this._template !== 'load-dispatches-ttd' &&
|
|
@@ -12311,7 +12315,6 @@ class CaInputDropdownComponent {
|
|
|
12311
12315
|
}
|
|
12312
12316
|
return false;
|
|
12313
12317
|
});
|
|
12314
|
-
console.log('FFFFFFFF', existItem);
|
|
12315
12318
|
// MultiSelect Dropdown
|
|
12316
12319
|
if (this.inputConfig.multiselectDropdown) {
|
|
12317
12320
|
this.onMultiselectSelect(existItem);
|