vcomply-workflow-engine 5.0.7 → 5.0.9

package/fesm2022/vcomply-workflow-engine.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Optional, EventEmitter, Component, Input, Output, Directive, HostListener, NgModule, Pipe, ViewChild, forwardRef, ElementRef, ChangeDetectionStrategy, createComponent, ViewChildren, HostBinding } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http';
-import { Subject, BehaviorSubject, map, catchError, of, shareReplay, retry as retry$1, throwError, takeUntil, forkJoin, distinctUntilChanged, take } from 'rxjs';
+import { Subject, BehaviorSubject, map, catchError, of, shareReplay, retry as retry$1, throwError, takeUntil, forkJoin, distinctUntilChanged, take, Subscription } from 'rxjs';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import { retry, map as map$1, catchError as catchError$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i2 from '@vcomply/authorizer';
@@ -854,6 +854,7 @@ class ReportCasePermissionService {
     constructor(rbacService, authService) {
         this.rbacService = rbacService;
         this.authService = authService;
+        this.hasPermission = new BehaviorSubject(false);
     }
     checkReportACasePermission() {
         const hasSubscription = this.checkSubscription();
@@ -869,6 +870,9 @@ class ReportCasePermissionService {
     checkRBACPermission() {
         this.rbacService.getRBACData('case').subscribe((data) => {
             //   check for manage case permission
+            if (data?.includes('CCMMC')) {
+                this.hasPermission.next(true);
+            }
             return data?.includes('CCMMC');
         });
         return false;
@@ -8018,7 +8022,7 @@ const REPORT_CASE_PAYLOAD = {
         question_id: '',
         auditee_id: 0,
     },
-    source: 'WORKROOM',
+    source: '',
 };
 const ADD_TO_CASE_WORKFLOW = {
     name: '',
@@ -8086,7 +8090,7 @@ const ADD_TO_CASE_WORKFLOW = {
         question_id: '',
         auditee_id: 0,
     },
-    source: 'WORKROOM',
+    source: '',
 };
 const ADD_TO_WORKFLOW_PAYLOAD = {
     workflow_id: '',
@@ -9416,7 +9420,7 @@ class CaseDetailsComponent {
             mode: 'prime',
             colorPalette: true,
             link: true,
-            placeholder: 'Add a description for this risk',
+            placeholder: 'Add details about what happened',
         };
         this.fieldSelector = FIELD_SELECTOR;
         this.fieldSelected = '';
@@ -9649,11 +9653,11 @@ class ChipCapsuleComponent {
         this.remove.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipCapsuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: { items: "items", removable: "removable" }, outputs: { remove: "remove" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-capsule vx-d-flex vx-align-center vx-pl-2 vx-pr-2\">\n  <button\n    *ngIf=\"removable\"\n    class=\"close-btn vx-fs-12 vx-p-0 vx-m-0 vx-mr-2 vx-d-flex\"\n    (click)=\"onRemove(items[0])\"\n  >\n    <i class=\"icons\">&#xe94e;</i>\n  </button>\n  <div\n    class=\"value vx-fs-11 vx-lh-4\"\n    [appTooltip]=\"items[0]?.label ?? ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"false\"\n  >\n    {{ items[0]?.label }}\n  </div>\n  <button\n    *ngIf=\"items.length > 1\"\n    class=\"chip-count vx-fs-9 vx-fw-500 vx-txt-white vx-lh-3 vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n    appPopover\n    (click)=\"chipCount.popover()\"\n    placement=\"right\"\n  >\n    +{{ items.length - 1 }}\n  </button>\n</div>\n<app-popover #chipCount [dontCloseonClick]=\"true\">\n  <div *ngIf=\"items.length > 1\" class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let item of items | slice : 1; let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            [vuiTooltip]=\"item.label\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            <i *ngIf=\"removable\" class=\"icons vx-fs-12\" (click)=\"onRemove(item)\">&#xe94e;</i>\n            {{ item?.label }}\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .chip-capsule{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;height:1.5rem}::ng-deep .chip-capsule .value{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:7rem}::ng-deep .chip-capsule button.close-btn{background:transparent;border-radius:0;border:none;color:#787a8c}::ng-deep .chip-capsule button.chip-count{background:#1e5dd3;border-radius:1.25rem;border:none;height:1rem;min-width:1.5rem}::ng-deep app-popover .action-list .action-item .avatar-card .value{display:flex;align-items:center;justify-content:space-between}::ng-deep app-popover .action-list .action-item .avatar-card .value i{cursor:pointer;font-size:12px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: { items: "items", removable: "removable" }, outputs: { remove: "remove" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-capsule vx-d-flex vx-align-center vx-pl-2 vx-pr-2\">\n  <i\n    *ngIf=\"removable\"\n    (click)=\"onRemove(items[0])\"\n    class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n    >&#xe9ae;</i\n  >\n  <div\n    class=\"value vx-fs-11 vx-lh-4\"\n    [appTooltip]=\"items[0]?.label ?? ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"false\"\n  >\n    {{ items[0]?.label }}\n  </div>\n  <button\n    *ngIf=\"items.length > 1\"\n    class=\"chip-count vx-fs-9 vx-fw-500 vx-txt-white vx-lh-3 vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n    appPopover\n    (click)=\"chipCount.popover()\"\n    placement=\"right\"\n  >\n    +{{ items.length - 1 }}\n  </button>\n</div>\n<app-popover #chipCount [dontCloseonClick]=\"true\">\n  <div *ngIf=\"items.length > 1\" class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let item of items | slice : 1; let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            [vuiTooltip]=\"item.label\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            <i\n              *ngIf=\"removable\"\n              (click)=\"onRemove(item)\"\n              class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n              >&#xe9ae;</i\n            >\n            {{ item?.label }}\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .chip-capsule{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;height:1.5rem}::ng-deep .chip-capsule .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chip-capsule .cross:hover{background:#f1f1f1}::ng-deep .chip-capsule .value{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:7rem}::ng-deep .chip-capsule button.chip-count{background:#1e5dd3;border-radius:1.25rem;border:none;height:1rem;min-width:1.5rem}::ng-deep app-popover .action-list .action-item .avatar-card .value{display:flex;align-items:center;justify-content:space-between}::ng-deep app-popover .action-list .action-item .avatar-card .value i{font-size:12px!important;color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep app-popover .action-list .action-item .avatar-card .value i:hover{background:#f1f1f1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipCapsuleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-chip-capsule', template: "<div class=\"chip-capsule vx-d-flex vx-align-center vx-pl-2 vx-pr-2\">\n  <button\n    *ngIf=\"removable\"\n    class=\"close-btn vx-fs-12 vx-p-0 vx-m-0 vx-mr-2 vx-d-flex\"\n    (click)=\"onRemove(items[0])\"\n  >\n    <i class=\"icons\">&#xe94e;</i>\n  </button>\n  <div\n    class=\"value vx-fs-11 vx-lh-4\"\n    [appTooltip]=\"items[0]?.label ?? ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"false\"\n  >\n    {{ items[0]?.label }}\n  </div>\n  <button\n    *ngIf=\"items.length > 1\"\n    class=\"chip-count vx-fs-9 vx-fw-500 vx-txt-white vx-lh-3 vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n    appPopover\n    (click)=\"chipCount.popover()\"\n    placement=\"right\"\n  >\n    +{{ items.length - 1 }}\n  </button>\n</div>\n<app-popover #chipCount [dontCloseonClick]=\"true\">\n  <div *ngIf=\"items.length > 1\" class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let item of items | slice : 1; let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            [vuiTooltip]=\"item.label\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            <i *ngIf=\"removable\" class=\"icons vx-fs-12\" (click)=\"onRemove(item)\">&#xe94e;</i>\n            {{ item?.label }}\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .chip-capsule{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;height:1.5rem}::ng-deep .chip-capsule .value{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:7rem}::ng-deep .chip-capsule button.close-btn{background:transparent;border-radius:0;border:none;color:#787a8c}::ng-deep .chip-capsule button.chip-count{background:#1e5dd3;border-radius:1.25rem;border:none;height:1rem;min-width:1.5rem}::ng-deep app-popover .action-list .action-item .avatar-card .value{display:flex;align-items:center;justify-content:space-between}::ng-deep app-popover .action-list .action-item .avatar-card .value i{cursor:pointer;font-size:12px!important}\n"] }]
+            args: [{ selector: 'app-chip-capsule', template: "<div class=\"chip-capsule vx-d-flex vx-align-center vx-pl-2 vx-pr-2\">\n  <i\n    *ngIf=\"removable\"\n    (click)=\"onRemove(items[0])\"\n    class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n    >&#xe9ae;</i\n  >\n  <div\n    class=\"value vx-fs-11 vx-lh-4\"\n    [appTooltip]=\"items[0]?.label ?? ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"false\"\n  >\n    {{ items[0]?.label }}\n  </div>\n  <button\n    *ngIf=\"items.length > 1\"\n    class=\"chip-count vx-fs-9 vx-fw-500 vx-txt-white vx-lh-3 vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n    appPopover\n    (click)=\"chipCount.popover()\"\n    placement=\"right\"\n  >\n    +{{ items.length - 1 }}\n  </button>\n</div>\n<app-popover #chipCount [dontCloseonClick]=\"true\">\n  <div *ngIf=\"items.length > 1\" class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let item of items | slice : 1; let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            [vuiTooltip]=\"item.label\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            <i\n              *ngIf=\"removable\"\n              (click)=\"onRemove(item)\"\n              class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n              >&#xe9ae;</i\n            >\n            {{ item?.label }}\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .chip-capsule{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;height:1.5rem}::ng-deep .chip-capsule .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chip-capsule .cross:hover{background:#f1f1f1}::ng-deep .chip-capsule .value{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:7rem}::ng-deep .chip-capsule button.chip-count{background:#1e5dd3;border-radius:1.25rem;border:none;height:1rem;min-width:1.5rem}::ng-deep app-popover .action-list .action-item .avatar-card .value{display:flex;align-items:center;justify-content:space-between}::ng-deep app-popover .action-list .action-item .avatar-card .value i{font-size:12px!important;color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep app-popover .action-list .action-item .avatar-card .value i:hover{background:#f1f1f1}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], removable: [{
@@ -9734,11 +9738,11 @@ class FormSelectBoxComponent {
         this.selectedGroupItemListChange.emit(this.chipGroupItems);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSelectBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSelectBoxComponent, selector: "app-form-selectBox", inputs: { title: "title", key: "key", action: "action", state: "state", popupState: "popupState", isCaseTypeSelected: "isCaseTypeSelected", chipItems: "chipItems", chipGroupItems: "chipGroupItems", config: "config", isError: "isError", errorMessage: "errorMessage", selectedData: "selectedData", removable: "removable", disabled: "disabled", editDisabled: "editDisabled" }, outputs: { selectedItemListChange: "selectedItemListChange", selectedGroupItemListChange: "selectedGroupItemListChange", fieldClicked: "fieldClicked" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n  <!-- Before Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'empty'\"\n    class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [class.error]=\"_config.isError\"\n    [class.disabled]=\"disabled\"\n    appPopover\n    (click)=\"\n      popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n    \"\n    placement=\"left\"\n  >\n    <div\n      class=\"selection-value vx-fs-13 vx-lh-5\"\n      [innerHTML]=\"_config.placeholder\"\n    ></div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n\n  <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n    <app-vc-dropdown\n      [config]=\"_config\"\n      [selectedList]=\"selectedData\"\n      (selectionChange)=\"setDropdownList($event)\"\n    ></app-vc-dropdown>\n  </app-popover>\n  <!-- After Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'selected'\"\n    class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n    [class.disabled]=\"disabled\"\n  >\n    <app-chip-capsule\n      *ngIf=\"chipItems?.length\"\n      [items]=\"chipItems\"\n      (remove)=\"removeSelectedList($event)\"\n      [removable]=\"removable\"\n    ></app-chip-capsule>\n    <span\n      class=\"vx-fs-12 vx-paragraph-txt\"\n      *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n      >&</span\n    >\n    <app-chip-capsule\n      *ngIf=\"chipGroupItems?.length\"\n      [items]=\"chipGroupItems\"\n      (remove)=\"removeGroupSelectedList($event)\"\n    ></app-chip-capsule>\n    <button\n      *ngIf=\"!editDisabled\"\n      class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0\"\n      appPopover\n      (click)=\"\n        popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n      \"\n      placement=\"right\"\n    >\n      <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> edit\n    </button>\n  </div>\n  <!-- Disabled Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'disabled'\"\n    class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"true\"\n  >\n    <div class=\"selection-value vx-fs-13 vx-lh-5\">\n      {{ _config?.placeholder }}\n    </div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n  <!-- Error Message -->\n  <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n    {{ errorMessage }}\n  </div>\n  <!--loader-->\n  <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownComponent$1, selector: "app-vc-dropdown", inputs: ["selectedList", "config"], outputs: ["selectionChange"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: LoaderComponent$1, selector: "app-loader" }, { kind: "component", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: ["items", "removable"], outputs: ["remove"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSelectBoxComponent, selector: "app-form-selectBox", inputs: { title: "title", key: "key", action: "action", state: "state", popupState: "popupState", isCaseTypeSelected: "isCaseTypeSelected", chipItems: "chipItems", chipGroupItems: "chipGroupItems", config: "config", isError: "isError", errorMessage: "errorMessage", selectedData: "selectedData", removable: "removable", disabled: "disabled", editDisabled: "editDisabled" }, outputs: { selectedItemListChange: "selectedItemListChange", selectedGroupItemListChange: "selectedGroupItemListChange", fieldClicked: "fieldClicked" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n  <!-- Before Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'empty'\"\n    class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [class.error]=\"_config.isError\"\n    [class.disabled]=\"disabled\"\n    appPopover\n    (click)=\"\n      popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n    \"\n    placement=\"left\"\n  >\n    <div\n      class=\"selection-value vx-fs-13 vx-lh-5\"\n      [innerHTML]=\"_config.placeholder\"\n    ></div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n\n  <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n    <app-vc-dropdown\n      [config]=\"_config\"\n      [selectedList]=\"selectedData\"\n      (selectionChange)=\"setDropdownList($event)\"\n    ></app-vc-dropdown>\n  </app-popover>\n  <!-- After Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'selected'\"\n    class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n    [class.disabled]=\"disabled\"\n  >\n    <app-chip-capsule\n      *ngIf=\"chipItems?.length\"\n      [items]=\"chipItems\"\n      (remove)=\"removeSelectedList($event)\"\n      [removable]=\"removable\"\n    ></app-chip-capsule>\n    <span\n      class=\"vx-fs-12 vx-paragraph-txt\"\n      *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n      >&</span\n    >\n    <app-chip-capsule\n      *ngIf=\"chipGroupItems?.length\"\n      [items]=\"chipGroupItems\"\n      (remove)=\"removeGroupSelectedList($event)\"\n    ></app-chip-capsule>\n    <button\n      *ngIf=\"!editDisabled\"\n      class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n      appPopover\n      (click)=\"\n        popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n      \"\n      placement=\"right\"\n    >\n      <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n    </button>\n  </div>\n  <!-- Disabled Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'disabled'\"\n    class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"true\"\n  >\n    <div class=\"selection-value vx-fs-13 vx-lh-5\">\n      {{ _config?.placeholder }}\n    </div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n  <!-- Error Message -->\n  <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n    {{ errorMessage }}\n  </div>\n  <!--loader-->\n  <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownComponent$1, selector: "app-vc-dropdown", inputs: ["selectedList", "config"], outputs: ["selectionChange"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: LoaderComponent$1, selector: "app-loader" }, { kind: "component", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: ["items", "removable"], outputs: ["remove"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSelectBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-form-selectBox', template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n  <!-- Before Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'empty'\"\n    class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [class.error]=\"_config.isError\"\n    [class.disabled]=\"disabled\"\n    appPopover\n    (click)=\"\n      popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n    \"\n    placement=\"left\"\n  >\n    <div\n      class=\"selection-value vx-fs-13 vx-lh-5\"\n      [innerHTML]=\"_config.placeholder\"\n    ></div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n\n  <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n    <app-vc-dropdown\n      [config]=\"_config\"\n      [selectedList]=\"selectedData\"\n      (selectionChange)=\"setDropdownList($event)\"\n    ></app-vc-dropdown>\n  </app-popover>\n  <!-- After Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'selected'\"\n    class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n    [class.disabled]=\"disabled\"\n  >\n    <app-chip-capsule\n      *ngIf=\"chipItems?.length\"\n      [items]=\"chipItems\"\n      (remove)=\"removeSelectedList($event)\"\n      [removable]=\"removable\"\n    ></app-chip-capsule>\n    <span\n      class=\"vx-fs-12 vx-paragraph-txt\"\n      *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n      >&</span\n    >\n    <app-chip-capsule\n      *ngIf=\"chipGroupItems?.length\"\n      [items]=\"chipGroupItems\"\n      (remove)=\"removeGroupSelectedList($event)\"\n    ></app-chip-capsule>\n    <button\n      *ngIf=\"!editDisabled\"\n      class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0\"\n      appPopover\n      (click)=\"\n        popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n      \"\n      placement=\"right\"\n    >\n      <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> edit\n    </button>\n  </div>\n  <!-- Disabled Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'disabled'\"\n    class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"true\"\n  >\n    <div class=\"selection-value vx-fs-13 vx-lh-5\">\n      {{ _config?.placeholder }}\n    </div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n  <!-- Error Message -->\n  <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n    {{ errorMessage }}\n  </div>\n  <!--loader-->\n  <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"] }]
+            args: [{ selector: 'app-form-selectBox', template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n  <!-- Before Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'empty'\"\n    class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [class.error]=\"_config.isError\"\n    [class.disabled]=\"disabled\"\n    appPopover\n    (click)=\"\n      popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n    \"\n    placement=\"left\"\n  >\n    <div\n      class=\"selection-value vx-fs-13 vx-lh-5\"\n      [innerHTML]=\"_config.placeholder\"\n    ></div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n\n  <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n    <app-vc-dropdown\n      [config]=\"_config\"\n      [selectedList]=\"selectedData\"\n      (selectionChange)=\"setDropdownList($event)\"\n    ></app-vc-dropdown>\n  </app-popover>\n  <!-- After Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'selected'\"\n    class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n    [class.disabled]=\"disabled\"\n  >\n    <app-chip-capsule\n      *ngIf=\"chipItems?.length\"\n      [items]=\"chipItems\"\n      (remove)=\"removeSelectedList($event)\"\n      [removable]=\"removable\"\n    ></app-chip-capsule>\n    <span\n      class=\"vx-fs-12 vx-paragraph-txt\"\n      *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n      >&</span\n    >\n    <app-chip-capsule\n      *ngIf=\"chipGroupItems?.length\"\n      [items]=\"chipGroupItems\"\n      (remove)=\"removeGroupSelectedList($event)\"\n    ></app-chip-capsule>\n    <button\n      *ngIf=\"!editDisabled\"\n      class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n      appPopover\n      (click)=\"\n        popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n      \"\n      placement=\"right\"\n    >\n      <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n    </button>\n  </div>\n  <!-- Disabled Selection -->\n  <div\n    *ngIf=\"state.toLowerCase() === 'disabled'\"\n    class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n    [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n    placement=\"bottom-left\"\n    delay=\"0\"\n    type=\"black\"\n    [tooltipMandatory]=\"true\"\n  >\n    <div class=\"selection-value vx-fs-13 vx-lh-5\">\n      {{ _config?.placeholder }}\n    </div>\n    <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n  </div>\n  <!-- Error Message -->\n  <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n    {{ errorMessage }}\n  </div>\n  <!--loader-->\n  <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], key: [{
@@ -9813,6 +9817,7 @@ class RcDetailsComponent {
         this.selectedRcList = [];
         this.selectedMainRcItems = [];
         this.fieldSelector = FIELD_SELECTOR;
+        this.currentSelector = 'RC';
         this.payload = {};
         this.fieldSelected = '';
         this.caseTypeSelected = report.REPORT_CASE;
@@ -9926,7 +9931,7 @@ class RcDetailsComponent {
     <app-field-holder
       [image]="ASSETS.responsibility_center"
       [active]="rcClicked"
-      [disabled]="fieldSelector?.includes(fieldSelected)"
+      [disabled]="fieldSelector?.includes(fieldSelected) && fieldSelected !==currentSelector"
       [checked]="payload?.rc_details?.ids?.length"
     >
       <ng-container field>
@@ -9998,6 +10003,7 @@ class RcDetailsComponent {
           <p
             *ngIf="!payload?.rc_details?.separate_rc_cases"
             class="vx-fs-11 vx-lh-4 vx-fw-500 vx-txt-black vx-mb-2"
+            [class.disabled]="fieldSelector?.includes(fieldSelected)"
           >
             SELECT THE MAIN RESPONSIBILITY CENTER BASED ON WHICH THE WORKFLOW
             FOR THIS CASE WILL BE DEFINED
@@ -10042,7 +10048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <app-field-holder
       [image]="ASSETS.responsibility_center"
       [active]="rcClicked"
-      [disabled]="fieldSelector?.includes(fieldSelected)"
+      [disabled]="fieldSelector?.includes(fieldSelected) && fieldSelected !==currentSelector"
       [checked]="payload?.rc_details?.ids?.length"
     >
       <ng-container field>
@@ -10114,6 +10120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           <p
             *ngIf="!payload?.rc_details?.separate_rc_cases"
             class="vx-fs-11 vx-lh-4 vx-fw-500 vx-txt-black vx-mb-2"
+            [class.disabled]="fieldSelector?.includes(fieldSelected)"
           >
             SELECT THE MAIN RESPONSIBILITY CENTER BASED ON WHICH THE WORKFLOW
             FOR THIS CASE WILL BE DEFINED
@@ -10411,6 +10418,10 @@ class ReportDateComponent {
             this.payload.reported_date = evt?.date?.$d;
         }
         this.datePicker?.api?.close();
+        this.resetValidationErrors();
+    }
+    resetValidationErrors() {
+        this.validationError.reportDate.isError = false;
     }
     documentClick(event) {
         const datePickerObject = {
@@ -11764,11 +11775,11 @@ class AssigneeComponent {
         this.selectedAssigneeEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssigneeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssigneeComponent, selector: "app-assignee", inputs: { assigneeList: "assigneeList", activeAssignee: "activeAssignee", payload: "payload" }, outputs: { closeEvent: "closeEvent", selectedAssigneeEvent: "selectedAssigneeEvent" }, ngImport: i0, template: "<div class=\"assignee-list\" [class.animate]=\"animation\">\n  <div\n    class=\"assignee-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt vx-d-flex vx-align-center\">\n      <button\n        class=\"back-btn vx-fs-16 vx-p-0 vx-m-0 vx-mr-3 vx-d-flex vx-align-center\"\n        [appTooltip]=\"'Back'\"\n        placement=\"bottom\"\n        delay=\"0\"\n        type=\"black\"\n        [tooltipMandatory]=\"true\"\n        (click)=\"closeList()\"\n      >\n        <i class=\"icons\">&#xeb29;</i></button\n      >Select Assignee(s)\n    </div>\n  </div>\n  <div class=\"assignee-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n    <div class=\"assignee-list-body-inner vx-mb-4\">\n      <ng-container>\n        <div class=\"assignee-list-area\">\n          <ul class=\"vx-d-flex vx-p-0 vx-m-0\">\n            <li\n              *ngFor=\"\n                let data of assigneeList | search : search as assigneeList\n              \"\n              class=\"vx-pr-5\"\n            >\n              <app-cs-radio\n                [value]=\"data?._id\"\n                [checked]=\"isSelected(data)\"\n                (checkedEvent)=\"onSelectAssignee(data)\"\n              >\n                <div\n                  class=\"assignee-name vx-fs-12\"\n                  [appTooltip]=\"data?.member_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.member_name }}\n                </div>\n                <div\n                  *ngIf=\"data?.usergroup_id?.length\"\n                  class=\"assignee-lable vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-3 vx-ml-2\"\n                  [appTooltip]=\"data?.associatedGroups[0]?.group_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.associatedGroups[0]?.group_name }}\n                </div>\n                <button\n                  *ngIf=\"data?.usergroup_id?.length > 1\"\n                  class=\"count-btn vx-fs-9 vx-fw-600 vx-txt-white vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"assigneePopover.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ data?.usergroup_id?.length - 1 }}\n                </button>\n                <app-popover #assigneePopover>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li\n                        *ngFor=\"\n                          let group of data?.associatedGroups | slice : 1;\n                          let i = index\n                        \"\n                      >\n                        <div class=\"avatar-card\">\n                          <span class=\"value\">{{ group?.group_name }}</span>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </app-cs-radio>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n    <app-floating-bar\n      [selectedData]=\"selectedAssignees\"\n      [elementId]=\"'_id'\"\n      [displayElementKey]=\"'member_name'\"\n      [singularText]=\"'Assignee selected'\"\n      (closeList)=\"closeList($event)\"\n      (closeEvent)=\"selectedAssigneeData($event)\"\n      (deleteEvent)=\"deleteAssignee($event)\"\n      [isDisabled]=\"!selectedAssignees?.length || !assigneeList?.length\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assignee-list{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .assignee-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assignee-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assignee-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .assignee-list-head button.back-btn{background:transparent;border-radius:0;border:none;color:#000}::ng-deep .assignee-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assignee-list-body .search-block{position:relative;margin-bottom:.5rem}::ng-deep .assignee-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assignee-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assignee-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .assignee-list-body-inner{height:calc(100% - 7.25rem)}::ng-deep .assignee-list-body-inner app-pagination .wk-pagination-sec-ds{padding-top:0}::ng-deep .assignee-list-area{height:calc(100% - 2rem);overflow-y:auto;padding-right:2rem;width:calc(100% + 2rem)}::ng-deep .assignee-list-area ul{list-style-type:none;flex-wrap:wrap}::ng-deep .assignee-list-area ul li{margin-bottom:1rem;width:50%}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-name{color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-lable{background:#f1f1f1;border-radius:.125rem;color:#042e7d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value button.count-btn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: SearchPipe$1, name: "search" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssigneeComponent, selector: "app-assignee", inputs: { assigneeList: "assigneeList", activeAssignee: "activeAssignee", payload: "payload" }, outputs: { closeEvent: "closeEvent", selectedAssigneeEvent: "selectedAssigneeEvent" }, ngImport: i0, template: "<div class=\"assignee-list\">\n  <div\n    class=\"assignee-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt vx-d-flex vx-align-center\">\n      <button\n        class=\"back-btn vx-fs-16 vx-p-0 vx-m-0 vx-mr-3 vx-d-flex vx-align-center\"\n        [appTooltip]=\"'Back'\"\n        placement=\"bottom\"\n        delay=\"0\"\n        type=\"black\"\n        [tooltipMandatory]=\"true\"\n        (click)=\"closeList()\"\n      >\n        <i class=\"icons\">&#xeb29;</i></button\n      >Select Assignee(s)\n    </div>\n  </div>\n  <div class=\"assignee-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n    <div class=\"assignee-list-body-inner vx-mb-4\">\n      <ng-container>\n        <div class=\"assignee-list-area\">\n          <ul class=\"vx-d-flex vx-p-0 vx-m-0\">\n            <li\n              *ngFor=\"\n                let data of assigneeList | search : search as assigneeList\n              \"\n              class=\"vx-pr-5\"\n            >\n              <app-cs-radio\n                [value]=\"data?._id\"\n                [checked]=\"isSelected(data)\"\n                (checkedEvent)=\"onSelectAssignee(data)\"\n              >\n                <div\n                  class=\"assignee-name vx-fs-12\"\n                  [appTooltip]=\"data?.member_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.member_name }}\n                </div>\n                <div\n                  *ngIf=\"data?.usergroup_id?.length\"\n                  class=\"assignee-lable vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-3 vx-ml-2\"\n                  [appTooltip]=\"data?.associatedGroups[0]?.group_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.associatedGroups[0]?.group_name }}\n                </div>\n                <button\n                  *ngIf=\"data?.usergroup_id?.length > 1\"\n                  class=\"count-btn vx-fs-9 vx-fw-600 vx-txt-white vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"assigneePopover.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ data?.usergroup_id?.length - 1 }}\n                </button>\n                <app-popover #assigneePopover>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li\n                        *ngFor=\"\n                          let group of data?.associatedGroups | slice : 1;\n                          let i = index\n                        \"\n                      >\n                        <div class=\"avatar-card\">\n                          <span class=\"value\">{{ group?.group_name }}</span>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </app-cs-radio>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n    <app-floating-bar\n      [selectedData]=\"selectedAssignees\"\n      [elementId]=\"'_id'\"\n      [displayElementKey]=\"'member_name'\"\n      [singularText]=\"'Assignee selected'\"\n      (closeList)=\"closeList($event)\"\n      (closeEvent)=\"selectedAssigneeData($event)\"\n      (deleteEvent)=\"deleteAssignee($event)\"\n      [isDisabled]=\"!selectedAssignees?.length || !assigneeList?.length\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assignee-list{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .assignee-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assignee-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assignee-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .assignee-list-head button.back-btn{background:transparent;border-radius:0;border:none;color:#000}::ng-deep .assignee-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assignee-list-body .search-block{position:relative;margin-bottom:.5rem}::ng-deep .assignee-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assignee-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assignee-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .assignee-list-body-inner{height:calc(100% - 7.25rem)}::ng-deep .assignee-list-body-inner app-pagination .wk-pagination-sec-ds{padding-top:0}::ng-deep .assignee-list-area{height:calc(100% - 2rem);overflow-y:auto;padding-right:2rem;width:calc(100% + 2rem)}::ng-deep .assignee-list-area ul{list-style-type:none;flex-wrap:wrap}::ng-deep .assignee-list-area ul li{margin-bottom:1rem;width:50%}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-name{color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-lable{background:#f1f1f1;border-radius:.125rem;color:#042e7d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value button.count-btn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: SearchPipe$1, name: "search" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssigneeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-assignee', template: "<div class=\"assignee-list\" [class.animate]=\"animation\">\n  <div\n    class=\"assignee-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt vx-d-flex vx-align-center\">\n      <button\n        class=\"back-btn vx-fs-16 vx-p-0 vx-m-0 vx-mr-3 vx-d-flex vx-align-center\"\n        [appTooltip]=\"'Back'\"\n        placement=\"bottom\"\n        delay=\"0\"\n        type=\"black\"\n        [tooltipMandatory]=\"true\"\n        (click)=\"closeList()\"\n      >\n        <i class=\"icons\">&#xeb29;</i></button\n      >Select Assignee(s)\n    </div>\n  </div>\n  <div class=\"assignee-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n    <div class=\"assignee-list-body-inner vx-mb-4\">\n      <ng-container>\n        <div class=\"assignee-list-area\">\n          <ul class=\"vx-d-flex vx-p-0 vx-m-0\">\n            <li\n              *ngFor=\"\n                let data of assigneeList | search : search as assigneeList\n              \"\n              class=\"vx-pr-5\"\n            >\n              <app-cs-radio\n                [value]=\"data?._id\"\n                [checked]=\"isSelected(data)\"\n                (checkedEvent)=\"onSelectAssignee(data)\"\n              >\n                <div\n                  class=\"assignee-name vx-fs-12\"\n                  [appTooltip]=\"data?.member_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.member_name }}\n                </div>\n                <div\n                  *ngIf=\"data?.usergroup_id?.length\"\n                  class=\"assignee-lable vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-3 vx-ml-2\"\n                  [appTooltip]=\"data?.associatedGroups[0]?.group_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.associatedGroups[0]?.group_name }}\n                </div>\n                <button\n                  *ngIf=\"data?.usergroup_id?.length > 1\"\n                  class=\"count-btn vx-fs-9 vx-fw-600 vx-txt-white vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"assigneePopover.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ data?.usergroup_id?.length - 1 }}\n                </button>\n                <app-popover #assigneePopover>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li\n                        *ngFor=\"\n                          let group of data?.associatedGroups | slice : 1;\n                          let i = index\n                        \"\n                      >\n                        <div class=\"avatar-card\">\n                          <span class=\"value\">{{ group?.group_name }}</span>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </app-cs-radio>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n    <app-floating-bar\n      [selectedData]=\"selectedAssignees\"\n      [elementId]=\"'_id'\"\n      [displayElementKey]=\"'member_name'\"\n      [singularText]=\"'Assignee selected'\"\n      (closeList)=\"closeList($event)\"\n      (closeEvent)=\"selectedAssigneeData($event)\"\n      (deleteEvent)=\"deleteAssignee($event)\"\n      [isDisabled]=\"!selectedAssignees?.length || !assigneeList?.length\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assignee-list{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .assignee-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assignee-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assignee-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .assignee-list-head button.back-btn{background:transparent;border-radius:0;border:none;color:#000}::ng-deep .assignee-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assignee-list-body .search-block{position:relative;margin-bottom:.5rem}::ng-deep .assignee-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assignee-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assignee-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .assignee-list-body-inner{height:calc(100% - 7.25rem)}::ng-deep .assignee-list-body-inner app-pagination .wk-pagination-sec-ds{padding-top:0}::ng-deep .assignee-list-area{height:calc(100% - 2rem);overflow-y:auto;padding-right:2rem;width:calc(100% + 2rem)}::ng-deep .assignee-list-area ul{list-style-type:none;flex-wrap:wrap}::ng-deep .assignee-list-area ul li{margin-bottom:1rem;width:50%}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-name{color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-lable{background:#f1f1f1;border-radius:.125rem;color:#042e7d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value button.count-btn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+            args: [{ selector: 'app-assignee', template: "<div class=\"assignee-list\">\n  <div\n    class=\"assignee-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt vx-d-flex vx-align-center\">\n      <button\n        class=\"back-btn vx-fs-16 vx-p-0 vx-m-0 vx-mr-3 vx-d-flex vx-align-center\"\n        [appTooltip]=\"'Back'\"\n        placement=\"bottom\"\n        delay=\"0\"\n        type=\"black\"\n        [tooltipMandatory]=\"true\"\n        (click)=\"closeList()\"\n      >\n        <i class=\"icons\">&#xeb29;</i></button\n      >Select Assignee(s)\n    </div>\n  </div>\n  <div class=\"assignee-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n    <div class=\"assignee-list-body-inner vx-mb-4\">\n      <ng-container>\n        <div class=\"assignee-list-area\">\n          <ul class=\"vx-d-flex vx-p-0 vx-m-0\">\n            <li\n              *ngFor=\"\n                let data of assigneeList | search : search as assigneeList\n              \"\n              class=\"vx-pr-5\"\n            >\n              <app-cs-radio\n                [value]=\"data?._id\"\n                [checked]=\"isSelected(data)\"\n                (checkedEvent)=\"onSelectAssignee(data)\"\n              >\n                <div\n                  class=\"assignee-name vx-fs-12\"\n                  [appTooltip]=\"data?.member_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.member_name }}\n                </div>\n                <div\n                  *ngIf=\"data?.usergroup_id?.length\"\n                  class=\"assignee-lable vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-3 vx-ml-2\"\n                  [appTooltip]=\"data?.associatedGroups[0]?.group_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.associatedGroups[0]?.group_name }}\n                </div>\n                <button\n                  *ngIf=\"data?.usergroup_id?.length > 1\"\n                  class=\"count-btn vx-fs-9 vx-fw-600 vx-txt-white vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"assigneePopover.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ data?.usergroup_id?.length - 1 }}\n                </button>\n                <app-popover #assigneePopover>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li\n                        *ngFor=\"\n                          let group of data?.associatedGroups | slice : 1;\n                          let i = index\n                        \"\n                      >\n                        <div class=\"avatar-card\">\n                          <span class=\"value\">{{ group?.group_name }}</span>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </app-cs-radio>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n    <app-floating-bar\n      [selectedData]=\"selectedAssignees\"\n      [elementId]=\"'_id'\"\n      [displayElementKey]=\"'member_name'\"\n      [singularText]=\"'Assignee selected'\"\n      (closeList)=\"closeList($event)\"\n      (closeEvent)=\"selectedAssigneeData($event)\"\n      (deleteEvent)=\"deleteAssignee($event)\"\n      [isDisabled]=\"!selectedAssignees?.length || !assigneeList?.length\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assignee-list{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .assignee-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assignee-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assignee-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .assignee-list-head button.back-btn{background:transparent;border-radius:0;border:none;color:#000}::ng-deep .assignee-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assignee-list-body .search-block{position:relative;margin-bottom:.5rem}::ng-deep .assignee-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assignee-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assignee-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .assignee-list-body-inner{height:calc(100% - 7.25rem)}::ng-deep .assignee-list-body-inner app-pagination .wk-pagination-sec-ds{padding-top:0}::ng-deep .assignee-list-area{height:calc(100% - 2rem);overflow-y:auto;padding-right:2rem;width:calc(100% + 2rem)}::ng-deep .assignee-list-area ul{list-style-type:none;flex-wrap:wrap}::ng-deep .assignee-list-area ul li{margin-bottom:1rem;width:50%}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-name{color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value .assignee-lable{background:#f1f1f1;border-radius:.125rem;color:#042e7d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assignee-list-area ul li app-cs-radio .radio-item .value button.count-btn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
         }], propDecorators: { assigneeList: [{
                 type: Input
             }], activeAssignee: [{
@@ -12045,11 +12056,11 @@ class DueDateComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DueDateComponent, deps: [{ token: CommonService }, { token: FrequencyService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DueDateComponent, selector: "app-due-date", inputs: { payload: "payload", dueDate: "dueDate", workflowDetails: "workflowDetails", userList: "userList", groupList: "groupList", initialSelection: "initialSelection" }, outputs: { closeDueDateResolution: "closeDueDateResolution", closeDueDateEvent: "closeDueDateEvent" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "animation", first: true, predicate: ["datePicker"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"configure-resolution\" [class.animate]=\"animation\">\n  <div\n    class=\"configure-resolution-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n      Configure Resolution Deadline & Stage Details\n    </div>\n  </div>\n  <div class=\"configure-resolution-body\">\n    <div class=\"configure-resolution-body-inner\">\n      <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n\n      <ng-container>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          SPECIFY THE DEADLINE TO CLOSE THIS CASE\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div\n          class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3 vx-mb-3\"\n        >\n          <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n            <input\n              type=\"text\"\n              readonly\n              placeholder=\"{{\n                dueDateTexts.case_details.due_date.deadline_placeholder\n              }}\"\n              (click)=\"openDatePicker()\"\n              [value]=\"dueDate | date : 'dd MMM yyyy'\"\n              id=\"effective-date\"\n            />\n            <i class=\"icons\">&#xe92d;</i>\n            <dp-date-picker\n              #datePicker\n              (onSelect)=\"datePickerOverlay = false; closeDatePicker($event)\"\n              [config]=\"dateConfig\"\n              [(ngModel)]=\"dueDate\"\n            >\n            </dp-date-picker>\n            <div\n              class=\"vx-overlay\"\n              (click)=\"closeDatePicker($event)\"\n              *ngIf=\"datePickerOverlay\"\n            ></div>\n          </div>\n        </div>\n        <div *ngIf=\"showError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n          {{ dueDateTexts.errorMessage.dueDate }}\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-1\">\n          <div\n            class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-tt-uppercase\"\n          >\n            CONFIGURE DEADLINE & ASSIGNEE FOR EACH STAGE IN THE WORKFLOW\n            <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n          </div>\n          <!-- <div class=\"toggle-area vx-d-flex vx-align-center\">\n            <app-cs-switch>Allow Reopening of Previous Stage</app-cs-switch>\n            <i\n              class=\"icons info vx-fs-12 vx-txt-blue vx-ml-2\"\n              [appTooltip]=\"\n                'If enabled, this option allows the assignee to revisit and reopen a previously completed stage. The stage will be reset, and the assigned user will need to complete it again.'\n              \"\n              placement=\"bottom-right\"\n              delay=\"0\"\n              type=\"white\"\n              [tooltipMandatory]=\"true\"\n              >&#xe91f;</i\n            >\n          </div> -->\n        </div>\n        <div class=\"configure-resolution-table\">\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                STAGE NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                TRANSITION STATUS\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.transition_status\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n              >\n                ASSIGNEE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.assignee\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center deadline\"\n              >\n                DEADLINE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.deadline\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"\n                let data of workflowDetails?.stages_assignees;\n                let i = index\n              \"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no vx-fs-13 vx-d-flex vx-align-center vx-justify-center\"\n                  [appTooltip]=\"i + 1\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ i + 1 }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                <div\n                  class=\"value vx-fs-13 vx-pr-2\"\n                  [appTooltip]=\"data?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                <div class=\"value vx-fs-12\">\n                  {{ data?.status_transition?.fromName }}<br /><span\n                    class=\"vx-mr-1\"\n                    >To</span\n                  >{{ data?.status_transition?.toName }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n                (click)=\"activateSelector(true, i)\"\n              >\n                <div\n                  *ngIf=\"!assigneeData[i]?.length\"\n                  class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n                >\n                  <div class=\"value vx-fs-13\">Select a User</div>\n                  <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n                </div>\n                <div\n                  *ngIf=\"assigneeData[i]?.length > 0\"\n                  class=\"after-select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n                >\n                  <div\n                    class=\"value-chip vx-fs-11 vx-pl-2 vx-pr-2 vx-lh-6\"\n                    [appTooltip]=\"assigneeData[i][0]?.member_name\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assigneeData[i][0]?.member_name }}\n                  </div>\n                  <button\n                    (click)=\"activateSelector(true, i)\"\n                    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n                  >\n                    <i class=\"icons vx-fs-12 vx-txt-blue vx-mr-1\">&#xe9ba;</i\n                    >EDIT\n                  </button>\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-2 vx-d-flex vx-align-center deadline\"\n              >\n                <div\n                  class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3\"\n                  [class.disabled]=\"true\"\n                >\n                  <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n                    <input\n                      type=\"text\"\n                      readonly\n                      value=\"{{ dueDate | date : 'dd MMM yyyy' }}\"\n                      (click)=\"openDatePicker()\"\n                      id=\"effective-date\"\n                    />\n                    <i class=\"icons\">&#xe92d;</i>\n                    <dp-date-picker\n                      #datePicker\n                      (onSelect)=\"\n                        datePickerOverlay = false; closeDatePicker($event)\n                      \"\n                      [config]=\"dateConfig\"\n                    >\n                    </dp-date-picker>\n                    <div\n                      class=\"vx-overlay\"\n                      (click)=\"closeDatePicker($event)\"\n                      *ngIf=\"datePickerOverlay\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"showAssigneeError\"\n          class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\"\n        >\n          {{ dueDateTexts.errorMessage.stageAssignee }}\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          EMAIL REMINDER CONFIGURATION\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div class=\"divider vx-mb-2\"></div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          REMINDER EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send regular email reminders to the assignee\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"emailReminder\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the stage deadline.\n          </div>\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          ESCALATION EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send email escalation to the Case Owner\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"escalationEmail\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the overall case\n            deadline, if the case is still open.\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      (closeList)=\"closeDueDate()\"\n      (closeEvent)=\"saveCaseResolutionDeadline()\"\n    ></app-floating-bar>\n  </div>\n</div>\n<app-assignee\n  *ngIf=\"assigneeClicked\"\n  [payload]=\"payload\"\n  [assigneeList]=\"assigneeList\"\n  [activeAssignee]=\"activeAssignee\"\n  (selectedAssigneeEvent)=\"selectedAssignee($event)\"\n  (closeEvent)=\"activateSelector(false)\"\n></app-assignee>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .configure-resolution{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .configure-resolution:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .configure-resolution.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .configure-resolution-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .configure-resolution-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .configure-resolution-body-inner{height:calc(100% - 3rem);padding:0 2rem 1rem 0;width:calc(100% + 2rem);overflow-y:auto;scrollbar-width:thin}::ng-deep .configure-resolution-body-inner .divider{background:#e3e3e9;width:100%;height:1px}::ng-deep .configure-resolution-body .label-top .required{color:#c7381b}::ng-deep .configure-resolution-body .errorMsg{color:#a82a1d}::ng-deep .configure-resolution-body .toggle-area{cursor:pointer}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch{order:1;width:24px!important;min-width:24px!important;height:16px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-box{background:#cdced6!important;border:1px solid #cdced6!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-ball{height:12px!important;width:12px!important;border:none!important;left:2px!important;top:2px!important;bottom:2px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box{background:#34aa44!important;border-color:#34aa44!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box .switch-ball{left:10px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .value{order:2;color:#000!important;cursor:pointer;font-size:11px!important;margin-left:.5rem;width:unset!important}::ng-deep .configure-resolution-body .toggle-area i.info{cursor:pointer}::ng-deep .configure-resolution-body .case-calendar{background:#fff;border-radius:.25rem;height:2.5rem}::ng-deep .configure-resolution-body .case-calendar-inner{position:relative;width:100%}::ng-deep .configure-resolution-body .case-calendar-inner input{background:transparent;border-radius:.25rem;border:1px solid #cdced6;color:#747576;font-size:13px;font-weight:400;height:2.5rem;line-height:2.5rem;padding:0 .75rem 0 2rem;outline:none;width:100%;transition:all .2s ease-in-out}::ng-deep .configure-resolution-body .case-calendar-inner input::placeholder{color:#a9aab6}::ng-deep .configure-resolution-body .case-calendar-inner input:hover,::ng-deep .configure-resolution-body .case-calendar-inner input:focus{border-color:#1e5dd3}::ng-deep .configure-resolution-body .case-calendar-inner i{display:flex;justify-content:center;align-items:center;height:.75rem;width:.75rem;position:absolute;left:.75rem;top:.125rem;color:#747576;font-size:12px;pointer-events:none}::ng-deep .configure-resolution-body .case-calendar.disabled{background:#f2f2f5;pointer-events:none;opacity:1}::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner input,::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner i{color:#a9aab6}::ng-deep .configure-resolution-body .email-configure-box{border-radius:.25rem;border:1px solid #dbdbdb;color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box input{-moz-appearance:textfield;border-radius:.25rem;border:1px solid #dbdbdb;color:#343952;display:inline-block;font-size:13px;text-align:center;width:2.25rem;height:1.75rem;padding:.125rem;outline:none}::ng-deep .configure-resolution-body .email-configure-box input::-webkit-inner-spin-button,::ng-deep .configure-resolution-body .email-configure-box input::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .configure-resolution-body .email-configure-box input::placeholder{color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box .black-text{color:#000}::ng-deep .configure-resolution-table{border-radius:.25rem;border:1px solid #f2f2f5;margin-bottom:1.5rem}::ng-deep .configure-resolution-table .table-header{background:#fff;border-radius:.25rem .25rem 0 0}::ng-deep .configure-resolution-table .table-header .table-column{color:#787a8c!important;line-height:.75rem!important;min-height:2rem!important}::ng-deep .configure-resolution-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .configure-resolution-table .table-row:last-of-type .table-column,::ng-deep .configure-resolution-table .table-row:only-child .table-column{border-bottom:none}::ng-deep .configure-resolution-table .table-row .table-column{border-bottom:1px solid #f2f2f5;color:#000;min-height:3.25rem;position:relative;width:100%}::ng-deep .configure-resolution-table .table-row .table-column i.info{cursor:pointer}::ng-deep .configure-resolution-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .configure-resolution-table .table-row .table-column.serial .sr-no{width:1rem;height:3.25rem}::ng-deep .configure-resolution-table .table-row .table-column.stage-name{width:calc(100% - 37rem);min-width:calc(100% - 37rem)}::ng-deep .configure-resolution-table .table-row .table-column.stage-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.status{width:10rem;min-width:10rem}::ng-deep .configure-resolution-table .table-row .table-column.status .value span{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee{width:15rem;min-width:15rem}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box{border-radius:.25rem;border:1px solid #cdced6;cursor:pointer;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .value{color:#a9aab6}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .arrow{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box .value-chip{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;color:#000;height:1.5rem;max-width:9.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box button.edit-btn{background:transparent;border-radius:0;border:none}::ng-deep .configure-resolution-table .table-row .table-column.deadline{width:10rem;min-width:10rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.DatePickerComponent, selector: "dp-date-picker", inputs: ["config", "mode", "placeholder", "disabled", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: AssigneeComponent, selector: "app-assignee", inputs: ["assigneeList", "activeAssignee", "payload"], outputs: ["closeEvent", "selectedAssigneeEvent"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DueDateComponent, selector: "app-due-date", inputs: { payload: "payload", dueDate: "dueDate", workflowDetails: "workflowDetails", userList: "userList", groupList: "groupList", initialSelection: "initialSelection" }, outputs: { closeDueDateResolution: "closeDueDateResolution", closeDueDateEvent: "closeDueDateEvent" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "animation", first: true, predicate: ["datePicker"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"configure-resolution\">\n  <div\n    class=\"configure-resolution-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n      Configure Resolution Deadline & Stage Details\n    </div>\n  </div>\n  <div class=\"configure-resolution-body\">\n    <div class=\"configure-resolution-body-inner\">\n      <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n\n      <ng-container>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          SPECIFY THE DEADLINE TO CLOSE THIS CASE\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div\n          class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3 vx-mb-3\"\n        >\n          <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n            <input\n              type=\"text\"\n              readonly\n              placeholder=\"{{\n                dueDateTexts.case_details.due_date.deadline_placeholder\n              }}\"\n              (click)=\"openDatePicker()\"\n              [value]=\"dueDate | date : 'dd MMM yyyy'\"\n              id=\"effective-date\"\n            />\n            <i class=\"icons\">&#xe92d;</i>\n            <dp-date-picker\n              #datePicker\n              (onSelect)=\"datePickerOverlay = false; closeDatePicker($event)\"\n              [config]=\"dateConfig\"\n              [(ngModel)]=\"dueDate\"\n            >\n            </dp-date-picker>\n            <div\n              class=\"vx-overlay\"\n              (click)=\"closeDatePicker($event)\"\n              *ngIf=\"datePickerOverlay\"\n            ></div>\n          </div>\n        </div>\n        <div *ngIf=\"showError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n          {{ dueDateTexts.errorMessage.dueDate }}\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-1\">\n          <div\n            class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-tt-uppercase\"\n          >\n            CONFIGURE DEADLINE & ASSIGNEE FOR EACH STAGE IN THE WORKFLOW\n            <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n          </div>\n          <!-- <div class=\"toggle-area vx-d-flex vx-align-center\">\n            <app-cs-switch>Allow Reopening of Previous Stage</app-cs-switch>\n            <i\n              class=\"icons info vx-fs-12 vx-txt-blue vx-ml-2\"\n              [appTooltip]=\"\n                'If enabled, this option allows the assignee to revisit and reopen a previously completed stage. The stage will be reset, and the assigned user will need to complete it again.'\n              \"\n              placement=\"bottom-right\"\n              delay=\"0\"\n              type=\"white\"\n              [tooltipMandatory]=\"true\"\n              >&#xe91f;</i\n            >\n          </div> -->\n        </div>\n        <div class=\"configure-resolution-table\">\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                STAGE NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                TRANSITION STATUS\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.transition_status\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n              >\n                ASSIGNEE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.assignee\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center deadline\"\n              >\n                DEADLINE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.deadline\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"\n                let data of workflowDetails?.stages_assignees;\n                let i = index\n              \"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no vx-fs-13 vx-d-flex vx-align-center vx-justify-center\"\n                  [appTooltip]=\"i + 1\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ i + 1 }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                <div\n                  class=\"value vx-fs-13 vx-pr-2\"\n                  [appTooltip]=\"data?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                <div class=\"value vx-fs-12\">\n                  {{ data?.status_transition?.fromName }}<br /><span\n                    class=\"vx-mr-1\"\n                    >To</span\n                  >{{ data?.status_transition?.toName }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n                (click)=\"activateSelector(true, i)\"\n              >\n                <div\n                  *ngIf=\"!assigneeData[i]?.length\"\n                  class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n                >\n                  <div class=\"value vx-fs-13\">Select a User</div>\n                  <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n                </div>\n                <div\n                  *ngIf=\"assigneeData[i]?.length > 0\"\n                  class=\"after-select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n                >\n                  <div\n                    class=\"value-chip vx-fs-11 vx-pl-2 vx-pr-2 vx-lh-6\"\n                    [appTooltip]=\"assigneeData[i][0]?.member_name\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assigneeData[i][0]?.member_name }}\n                  </div>\n                  <button\n                    (click)=\"activateSelector(true, i)\"\n                    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n                  >\n                    <i class=\"icons vx-fs-12 vx-txt-blue vx-mr-1\">&#xe9ba;</i\n                    >EDIT\n                  </button>\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-2 vx-d-flex vx-align-center deadline\"\n              >\n                <div\n                  class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3\"\n                  [class.disabled]=\"true\"\n                >\n                  <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n                    <input\n                      type=\"text\"\n                      readonly\n                      value=\"{{ dueDate | date : 'dd MMM yyyy' }}\"\n                      (click)=\"openDatePicker()\"\n                      id=\"effective-date\"\n                    />\n                    <i class=\"icons\">&#xe92d;</i>\n                    <dp-date-picker\n                      #datePicker\n                      (onSelect)=\"\n                        datePickerOverlay = false; closeDatePicker($event)\n                      \"\n                      [config]=\"dateConfig\"\n                    >\n                    </dp-date-picker>\n                    <div\n                      class=\"vx-overlay\"\n                      (click)=\"closeDatePicker($event)\"\n                      *ngIf=\"datePickerOverlay\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"showAssigneeError\"\n          class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\"\n        >\n          {{ dueDateTexts.errorMessage.stageAssignee }}\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          EMAIL REMINDER CONFIGURATION\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div class=\"divider vx-mb-2\"></div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          REMINDER EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send regular email reminders to the assignee\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"emailReminder\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the stage deadline.\n          </div>\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          ESCALATION EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send email escalation to the Case Owner\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"escalationEmail\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the overall case\n            deadline, if the case is still open.\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      (closeList)=\"closeDueDate()\"\n      (closeEvent)=\"saveCaseResolutionDeadline()\"\n    ></app-floating-bar>\n  </div>\n</div>\n<app-assignee\n  *ngIf=\"assigneeClicked\"\n  [payload]=\"payload\"\n  [assigneeList]=\"assigneeList\"\n  [activeAssignee]=\"activeAssignee\"\n  (selectedAssigneeEvent)=\"selectedAssignee($event)\"\n  (closeEvent)=\"activateSelector(false)\"\n></app-assignee>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .configure-resolution{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .configure-resolution:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .configure-resolution.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .configure-resolution-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .configure-resolution-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .configure-resolution-body-inner{height:calc(100% - 3rem);padding:0 2rem 1rem 0;width:calc(100% + 2rem);overflow-y:auto;scrollbar-width:thin}::ng-deep .configure-resolution-body-inner .divider{background:#e3e3e9;width:100%;height:1px}::ng-deep .configure-resolution-body .label-top .required{color:#c7381b}::ng-deep .configure-resolution-body .errorMsg{color:#a82a1d}::ng-deep .configure-resolution-body .toggle-area{cursor:pointer}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch{order:1;width:24px!important;min-width:24px!important;height:16px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-box{background:#cdced6!important;border:1px solid #cdced6!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-ball{height:12px!important;width:12px!important;border:none!important;left:2px!important;top:2px!important;bottom:2px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box{background:#34aa44!important;border-color:#34aa44!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box .switch-ball{left:10px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .value{order:2;color:#000!important;cursor:pointer;font-size:11px!important;margin-left:.5rem;width:unset!important}::ng-deep .configure-resolution-body .toggle-area i.info{cursor:pointer}::ng-deep .configure-resolution-body .case-calendar{background:#fff;border-radius:.25rem;height:2.5rem}::ng-deep .configure-resolution-body .case-calendar-inner{position:relative;width:100%}::ng-deep .configure-resolution-body .case-calendar-inner input{background:transparent;border-radius:.25rem;border:1px solid #cdced6;color:#747576;font-size:13px;font-weight:400;height:2.5rem;line-height:2.5rem;padding:0 .75rem 0 2rem;outline:none;width:100%;transition:all .2s ease-in-out}::ng-deep .configure-resolution-body .case-calendar-inner input::placeholder{color:#a9aab6}::ng-deep .configure-resolution-body .case-calendar-inner input:hover,::ng-deep .configure-resolution-body .case-calendar-inner input:focus{border-color:#1e5dd3}::ng-deep .configure-resolution-body .case-calendar-inner i{display:flex;justify-content:center;align-items:center;height:.75rem;width:.75rem;position:absolute;left:.75rem;top:.125rem;color:#747576;font-size:12px;pointer-events:none}::ng-deep .configure-resolution-body .case-calendar.disabled{background:#f2f2f5;pointer-events:none;opacity:1}::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner input,::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner i{color:#a9aab6}::ng-deep .configure-resolution-body .email-configure-box{border-radius:.25rem;border:1px solid #dbdbdb;color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box input{-moz-appearance:textfield;border-radius:.25rem;border:1px solid #dbdbdb;color:#343952;display:inline-block;font-size:13px;text-align:center;width:2.25rem;height:1.75rem;padding:.125rem;outline:none}::ng-deep .configure-resolution-body .email-configure-box input::-webkit-inner-spin-button,::ng-deep .configure-resolution-body .email-configure-box input::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .configure-resolution-body .email-configure-box input::placeholder{color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box .black-text{color:#000}::ng-deep .configure-resolution-table{border-radius:.25rem;border:1px solid #f2f2f5;margin-bottom:1.5rem}::ng-deep .configure-resolution-table .table-header{background:#fff;border-radius:.25rem .25rem 0 0}::ng-deep .configure-resolution-table .table-header .table-column{color:#787a8c!important;line-height:.75rem!important;min-height:2rem!important}::ng-deep .configure-resolution-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .configure-resolution-table .table-row:last-of-type .table-column,::ng-deep .configure-resolution-table .table-row:only-child .table-column{border-bottom:none}::ng-deep .configure-resolution-table .table-row .table-column{border-bottom:1px solid #f2f2f5;color:#000;min-height:3.25rem;position:relative;width:100%}::ng-deep .configure-resolution-table .table-row .table-column i.info{cursor:pointer}::ng-deep .configure-resolution-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .configure-resolution-table .table-row .table-column.serial .sr-no{width:1rem;height:3.25rem}::ng-deep .configure-resolution-table .table-row .table-column.stage-name{width:calc(100% - 37rem);min-width:calc(100% - 37rem)}::ng-deep .configure-resolution-table .table-row .table-column.stage-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.status{width:10rem;min-width:10rem}::ng-deep .configure-resolution-table .table-row .table-column.status .value span{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee{width:15rem;min-width:15rem}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box{border-radius:.25rem;border:1px solid #cdced6;cursor:pointer;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .value{color:#a9aab6}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .arrow{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box .value-chip{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;color:#000;height:1.5rem;max-width:9.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box button.edit-btn{background:transparent;border-radius:0;border:none}::ng-deep .configure-resolution-table .table-row .table-column.deadline{width:10rem;min-width:10rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.DatePickerComponent, selector: "dp-date-picker", inputs: ["config", "mode", "placeholder", "disabled", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: AssigneeComponent, selector: "app-assignee", inputs: ["assigneeList", "activeAssignee", "payload"], outputs: ["closeEvent", "selectedAssigneeEvent"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DueDateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-due-date', template: "<div class=\"configure-resolution\" [class.animate]=\"animation\">\n  <div\n    class=\"configure-resolution-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n      Configure Resolution Deadline & Stage Details\n    </div>\n  </div>\n  <div class=\"configure-resolution-body\">\n    <div class=\"configure-resolution-body-inner\">\n      <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n\n      <ng-container>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          SPECIFY THE DEADLINE TO CLOSE THIS CASE\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div\n          class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3 vx-mb-3\"\n        >\n          <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n            <input\n              type=\"text\"\n              readonly\n              placeholder=\"{{\n                dueDateTexts.case_details.due_date.deadline_placeholder\n              }}\"\n              (click)=\"openDatePicker()\"\n              [value]=\"dueDate | date : 'dd MMM yyyy'\"\n              id=\"effective-date\"\n            />\n            <i class=\"icons\">&#xe92d;</i>\n            <dp-date-picker\n              #datePicker\n              (onSelect)=\"datePickerOverlay = false; closeDatePicker($event)\"\n              [config]=\"dateConfig\"\n              [(ngModel)]=\"dueDate\"\n            >\n            </dp-date-picker>\n            <div\n              class=\"vx-overlay\"\n              (click)=\"closeDatePicker($event)\"\n              *ngIf=\"datePickerOverlay\"\n            ></div>\n          </div>\n        </div>\n        <div *ngIf=\"showError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n          {{ dueDateTexts.errorMessage.dueDate }}\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-1\">\n          <div\n            class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-tt-uppercase\"\n          >\n            CONFIGURE DEADLINE & ASSIGNEE FOR EACH STAGE IN THE WORKFLOW\n            <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n          </div>\n          <!-- <div class=\"toggle-area vx-d-flex vx-align-center\">\n            <app-cs-switch>Allow Reopening of Previous Stage</app-cs-switch>\n            <i\n              class=\"icons info vx-fs-12 vx-txt-blue vx-ml-2\"\n              [appTooltip]=\"\n                'If enabled, this option allows the assignee to revisit and reopen a previously completed stage. The stage will be reset, and the assigned user will need to complete it again.'\n              \"\n              placement=\"bottom-right\"\n              delay=\"0\"\n              type=\"white\"\n              [tooltipMandatory]=\"true\"\n              >&#xe91f;</i\n            >\n          </div> -->\n        </div>\n        <div class=\"configure-resolution-table\">\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                STAGE NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                TRANSITION STATUS\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.transition_status\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n              >\n                ASSIGNEE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.assignee\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center deadline\"\n              >\n                DEADLINE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.deadline\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"\n                let data of workflowDetails?.stages_assignees;\n                let i = index\n              \"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no vx-fs-13 vx-d-flex vx-align-center vx-justify-center\"\n                  [appTooltip]=\"i + 1\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ i + 1 }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                <div\n                  class=\"value vx-fs-13 vx-pr-2\"\n                  [appTooltip]=\"data?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                <div class=\"value vx-fs-12\">\n                  {{ data?.status_transition?.fromName }}<br /><span\n                    class=\"vx-mr-1\"\n                    >To</span\n                  >{{ data?.status_transition?.toName }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n                (click)=\"activateSelector(true, i)\"\n              >\n                <div\n                  *ngIf=\"!assigneeData[i]?.length\"\n                  class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n                >\n                  <div class=\"value vx-fs-13\">Select a User</div>\n                  <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n                </div>\n                <div\n                  *ngIf=\"assigneeData[i]?.length > 0\"\n                  class=\"after-select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n                >\n                  <div\n                    class=\"value-chip vx-fs-11 vx-pl-2 vx-pr-2 vx-lh-6\"\n                    [appTooltip]=\"assigneeData[i][0]?.member_name\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assigneeData[i][0]?.member_name }}\n                  </div>\n                  <button\n                    (click)=\"activateSelector(true, i)\"\n                    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n                  >\n                    <i class=\"icons vx-fs-12 vx-txt-blue vx-mr-1\">&#xe9ba;</i\n                    >EDIT\n                  </button>\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-2 vx-d-flex vx-align-center deadline\"\n              >\n                <div\n                  class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3\"\n                  [class.disabled]=\"true\"\n                >\n                  <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n                    <input\n                      type=\"text\"\n                      readonly\n                      value=\"{{ dueDate | date : 'dd MMM yyyy' }}\"\n                      (click)=\"openDatePicker()\"\n                      id=\"effective-date\"\n                    />\n                    <i class=\"icons\">&#xe92d;</i>\n                    <dp-date-picker\n                      #datePicker\n                      (onSelect)=\"\n                        datePickerOverlay = false; closeDatePicker($event)\n                      \"\n                      [config]=\"dateConfig\"\n                    >\n                    </dp-date-picker>\n                    <div\n                      class=\"vx-overlay\"\n                      (click)=\"closeDatePicker($event)\"\n                      *ngIf=\"datePickerOverlay\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"showAssigneeError\"\n          class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\"\n        >\n          {{ dueDateTexts.errorMessage.stageAssignee }}\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          EMAIL REMINDER CONFIGURATION\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div class=\"divider vx-mb-2\"></div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          REMINDER EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send regular email reminders to the assignee\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"emailReminder\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the stage deadline.\n          </div>\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          ESCALATION EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send email escalation to the Case Owner\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"escalationEmail\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the overall case\n            deadline, if the case is still open.\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      (closeList)=\"closeDueDate()\"\n      (closeEvent)=\"saveCaseResolutionDeadline()\"\n    ></app-floating-bar>\n  </div>\n</div>\n<app-assignee\n  *ngIf=\"assigneeClicked\"\n  [payload]=\"payload\"\n  [assigneeList]=\"assigneeList\"\n  [activeAssignee]=\"activeAssignee\"\n  (selectedAssigneeEvent)=\"selectedAssignee($event)\"\n  (closeEvent)=\"activateSelector(false)\"\n></app-assignee>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .configure-resolution{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .configure-resolution:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .configure-resolution.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .configure-resolution-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .configure-resolution-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .configure-resolution-body-inner{height:calc(100% - 3rem);padding:0 2rem 1rem 0;width:calc(100% + 2rem);overflow-y:auto;scrollbar-width:thin}::ng-deep .configure-resolution-body-inner .divider{background:#e3e3e9;width:100%;height:1px}::ng-deep .configure-resolution-body .label-top .required{color:#c7381b}::ng-deep .configure-resolution-body .errorMsg{color:#a82a1d}::ng-deep .configure-resolution-body .toggle-area{cursor:pointer}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch{order:1;width:24px!important;min-width:24px!important;height:16px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-box{background:#cdced6!important;border:1px solid #cdced6!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-ball{height:12px!important;width:12px!important;border:none!important;left:2px!important;top:2px!important;bottom:2px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box{background:#34aa44!important;border-color:#34aa44!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box .switch-ball{left:10px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .value{order:2;color:#000!important;cursor:pointer;font-size:11px!important;margin-left:.5rem;width:unset!important}::ng-deep .configure-resolution-body .toggle-area i.info{cursor:pointer}::ng-deep .configure-resolution-body .case-calendar{background:#fff;border-radius:.25rem;height:2.5rem}::ng-deep .configure-resolution-body .case-calendar-inner{position:relative;width:100%}::ng-deep .configure-resolution-body .case-calendar-inner input{background:transparent;border-radius:.25rem;border:1px solid #cdced6;color:#747576;font-size:13px;font-weight:400;height:2.5rem;line-height:2.5rem;padding:0 .75rem 0 2rem;outline:none;width:100%;transition:all .2s ease-in-out}::ng-deep .configure-resolution-body .case-calendar-inner input::placeholder{color:#a9aab6}::ng-deep .configure-resolution-body .case-calendar-inner input:hover,::ng-deep .configure-resolution-body .case-calendar-inner input:focus{border-color:#1e5dd3}::ng-deep .configure-resolution-body .case-calendar-inner i{display:flex;justify-content:center;align-items:center;height:.75rem;width:.75rem;position:absolute;left:.75rem;top:.125rem;color:#747576;font-size:12px;pointer-events:none}::ng-deep .configure-resolution-body .case-calendar.disabled{background:#f2f2f5;pointer-events:none;opacity:1}::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner input,::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner i{color:#a9aab6}::ng-deep .configure-resolution-body .email-configure-box{border-radius:.25rem;border:1px solid #dbdbdb;color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box input{-moz-appearance:textfield;border-radius:.25rem;border:1px solid #dbdbdb;color:#343952;display:inline-block;font-size:13px;text-align:center;width:2.25rem;height:1.75rem;padding:.125rem;outline:none}::ng-deep .configure-resolution-body .email-configure-box input::-webkit-inner-spin-button,::ng-deep .configure-resolution-body .email-configure-box input::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .configure-resolution-body .email-configure-box input::placeholder{color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box .black-text{color:#000}::ng-deep .configure-resolution-table{border-radius:.25rem;border:1px solid #f2f2f5;margin-bottom:1.5rem}::ng-deep .configure-resolution-table .table-header{background:#fff;border-radius:.25rem .25rem 0 0}::ng-deep .configure-resolution-table .table-header .table-column{color:#787a8c!important;line-height:.75rem!important;min-height:2rem!important}::ng-deep .configure-resolution-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .configure-resolution-table .table-row:last-of-type .table-column,::ng-deep .configure-resolution-table .table-row:only-child .table-column{border-bottom:none}::ng-deep .configure-resolution-table .table-row .table-column{border-bottom:1px solid #f2f2f5;color:#000;min-height:3.25rem;position:relative;width:100%}::ng-deep .configure-resolution-table .table-row .table-column i.info{cursor:pointer}::ng-deep .configure-resolution-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .configure-resolution-table .table-row .table-column.serial .sr-no{width:1rem;height:3.25rem}::ng-deep .configure-resolution-table .table-row .table-column.stage-name{width:calc(100% - 37rem);min-width:calc(100% - 37rem)}::ng-deep .configure-resolution-table .table-row .table-column.stage-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.status{width:10rem;min-width:10rem}::ng-deep .configure-resolution-table .table-row .table-column.status .value span{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee{width:15rem;min-width:15rem}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box{border-radius:.25rem;border:1px solid #cdced6;cursor:pointer;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .value{color:#a9aab6}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .arrow{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box .value-chip{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;color:#000;height:1.5rem;max-width:9.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box button.edit-btn{background:transparent;border-radius:0;border:none}::ng-deep .configure-resolution-table .table-row .table-column.deadline{width:10rem;min-width:10rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+            args: [{ selector: 'app-due-date', template: "<div class=\"configure-resolution\">\n  <div\n    class=\"configure-resolution-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n      Configure Resolution Deadline & Stage Details\n    </div>\n  </div>\n  <div class=\"configure-resolution-body\">\n    <div class=\"configure-resolution-body-inner\">\n      <app-loader-inline *ngIf=\"false\"></app-loader-inline>\n      <app-no-data\n        *ngIf=\"false\"\n        [noDataImage]=\"\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\n        \"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n\n      <ng-container>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          SPECIFY THE DEADLINE TO CLOSE THIS CASE\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div\n          class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3 vx-mb-3\"\n        >\n          <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n            <input\n              type=\"text\"\n              readonly\n              placeholder=\"{{\n                dueDateTexts.case_details.due_date.deadline_placeholder\n              }}\"\n              (click)=\"openDatePicker()\"\n              [value]=\"dueDate | date : 'dd MMM yyyy'\"\n              id=\"effective-date\"\n            />\n            <i class=\"icons\">&#xe92d;</i>\n            <dp-date-picker\n              #datePicker\n              (onSelect)=\"datePickerOverlay = false; closeDatePicker($event)\"\n              [config]=\"dateConfig\"\n              [(ngModel)]=\"dueDate\"\n            >\n            </dp-date-picker>\n            <div\n              class=\"vx-overlay\"\n              (click)=\"closeDatePicker($event)\"\n              *ngIf=\"datePickerOverlay\"\n            ></div>\n          </div>\n        </div>\n        <div *ngIf=\"showError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n          {{ dueDateTexts.errorMessage.dueDate }}\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-1\">\n          <div\n            class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-tt-uppercase\"\n          >\n            CONFIGURE DEADLINE & ASSIGNEE FOR EACH STAGE IN THE WORKFLOW\n            <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n          </div>\n          <!-- <div class=\"toggle-area vx-d-flex vx-align-center\">\n            <app-cs-switch>Allow Reopening of Previous Stage</app-cs-switch>\n            <i\n              class=\"icons info vx-fs-12 vx-txt-blue vx-ml-2\"\n              [appTooltip]=\"\n                'If enabled, this option allows the assignee to revisit and reopen a previously completed stage. The stage will be reset, and the assigned user will need to complete it again.'\n              \"\n              placement=\"bottom-right\"\n              delay=\"0\"\n              type=\"white\"\n              [tooltipMandatory]=\"true\"\n              >&#xe91f;</i\n            >\n          </div> -->\n        </div>\n        <div class=\"configure-resolution-table\">\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                STAGE NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                TRANSITION STATUS\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.transition_status\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n              >\n                ASSIGNEE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.assignee\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div\n                class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center deadline\"\n              >\n                DEADLINE\n                <i\n                  class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\"\n                  [appTooltip]=\"helperText.deadline\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"\n                let data of workflowDetails?.stages_assignees;\n                let i = index\n              \"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no vx-fs-13 vx-d-flex vx-align-center vx-justify-center\"\n                  [appTooltip]=\"i + 1\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ i + 1 }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center stage-name\"\n              >\n                <div\n                  class=\"value vx-fs-13 vx-pr-2\"\n                  [appTooltip]=\"data?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center status\"\n              >\n                <div class=\"value vx-fs-12\">\n                  {{ data?.status_transition?.fromName }}<br /><span\n                    class=\"vx-mr-1\"\n                    >To</span\n                  >{{ data?.status_transition?.toName }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assignee\"\n                (click)=\"activateSelector(true, i)\"\n              >\n                <div\n                  *ngIf=\"!assigneeData[i]?.length\"\n                  class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n                >\n                  <div class=\"value vx-fs-13\">Select a User</div>\n                  <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n                </div>\n                <div\n                  *ngIf=\"assigneeData[i]?.length > 0\"\n                  class=\"after-select-box vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-2\"\n                >\n                  <div\n                    class=\"value-chip vx-fs-11 vx-pl-2 vx-pr-2 vx-lh-6\"\n                    [appTooltip]=\"assigneeData[i][0]?.member_name\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assigneeData[i][0]?.member_name }}\n                  </div>\n                  <button\n                    (click)=\"activateSelector(true, i)\"\n                    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n                  >\n                    <i class=\"icons vx-fs-12 vx-txt-blue vx-mr-1\">&#xe9ba;</i\n                    >EDIT\n                  </button>\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-2 vx-d-flex vx-align-center deadline\"\n              >\n                <div\n                  class=\"case-calendar vx-d-flex vx-justify-between vx-pt-3 vx-pb-3\"\n                  [class.disabled]=\"true\"\n                >\n                  <div class=\"case-calendar-inner vx-d-flex vx-align-center\">\n                    <input\n                      type=\"text\"\n                      readonly\n                      value=\"{{ dueDate | date : 'dd MMM yyyy' }}\"\n                      (click)=\"openDatePicker()\"\n                      id=\"effective-date\"\n                    />\n                    <i class=\"icons\">&#xe92d;</i>\n                    <dp-date-picker\n                      #datePicker\n                      (onSelect)=\"\n                        datePickerOverlay = false; closeDatePicker($event)\n                      \"\n                      [config]=\"dateConfig\"\n                    >\n                    </dp-date-picker>\n                    <div\n                      class=\"vx-overlay\"\n                      (click)=\"closeDatePicker($event)\"\n                      *ngIf=\"datePickerOverlay\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"showAssigneeError\"\n          class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\"\n        >\n          {{ dueDateTexts.errorMessage.stageAssignee }}\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          EMAIL REMINDER CONFIGURATION\n          <span class=\"required vx-fs-16 vx-fw-400\">*</span>\n        </div>\n        <div class=\"divider vx-mb-2\"></div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          REMINDER EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send regular email reminders to the assignee\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"emailReminder\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the stage deadline.\n          </div>\n        </div>\n        <div\n          class=\"label-top vx-fs-11 vx-fw-500 vx-label-txt vx-lh-4 vx-mb-1 vx-tt-uppercase\"\n        >\n          ESCALATION EMAIL\n        </div>\n        <div\n          class=\"email-configure-box vx-d-flex vx-align-center vx-flex-wrap vx-p-2 vx-pl-3 vx-pr-3 vx-mb-2\"\n        >\n          <div class=\"vx-fs-13 vx-mr-1\">\n            Send email escalation to the Case Owner\n          </div>\n          <input\n            type=\"number\"\n            [(ngModel)]=\"escalationEmail\"\n            onkeydown=\"return event.key !== '.'\"\n            oninput=\"this.value = Math.abs(this.value)\"\n            (change)=\"onInputChange()\"\n          />\n          <div class=\"vx-fs-13 vx-ml-1\">\n            <span class=\"black-text\">days</span> before the overall case\n            deadline, if the case is still open.\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      (closeList)=\"closeDueDate()\"\n      (closeEvent)=\"saveCaseResolutionDeadline()\"\n    ></app-floating-bar>\n  </div>\n</div>\n<app-assignee\n  *ngIf=\"assigneeClicked\"\n  [payload]=\"payload\"\n  [assigneeList]=\"assigneeList\"\n  [activeAssignee]=\"activeAssignee\"\n  (selectedAssigneeEvent)=\"selectedAssignee($event)\"\n  (closeEvent)=\"activateSelector(false)\"\n></app-assignee>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .configure-resolution{background:#fff;position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .configure-resolution:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .configure-resolution.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .configure-resolution-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .configure-resolution-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .configure-resolution-body-inner{height:calc(100% - 3rem);padding:0 2rem 1rem 0;width:calc(100% + 2rem);overflow-y:auto;scrollbar-width:thin}::ng-deep .configure-resolution-body-inner .divider{background:#e3e3e9;width:100%;height:1px}::ng-deep .configure-resolution-body .label-top .required{color:#c7381b}::ng-deep .configure-resolution-body .errorMsg{color:#a82a1d}::ng-deep .configure-resolution-body .toggle-area{cursor:pointer}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch{order:1;width:24px!important;min-width:24px!important;height:16px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-box{background:#cdced6!important;border:1px solid #cdced6!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch .switch-ball{height:12px!important;width:12px!important;border:none!important;left:2px!important;top:2px!important;bottom:2px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box{background:#34aa44!important;border-color:#34aa44!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .switch input:checked+span.switch-box .switch-ball{left:10px!important}::ng-deep .configure-resolution-body .toggle-area app-cs-switch .cs-switch .value{order:2;color:#000!important;cursor:pointer;font-size:11px!important;margin-left:.5rem;width:unset!important}::ng-deep .configure-resolution-body .toggle-area i.info{cursor:pointer}::ng-deep .configure-resolution-body .case-calendar{background:#fff;border-radius:.25rem;height:2.5rem}::ng-deep .configure-resolution-body .case-calendar-inner{position:relative;width:100%}::ng-deep .configure-resolution-body .case-calendar-inner input{background:transparent;border-radius:.25rem;border:1px solid #cdced6;color:#747576;font-size:13px;font-weight:400;height:2.5rem;line-height:2.5rem;padding:0 .75rem 0 2rem;outline:none;width:100%;transition:all .2s ease-in-out}::ng-deep .configure-resolution-body .case-calendar-inner input::placeholder{color:#a9aab6}::ng-deep .configure-resolution-body .case-calendar-inner input:hover,::ng-deep .configure-resolution-body .case-calendar-inner input:focus{border-color:#1e5dd3}::ng-deep .configure-resolution-body .case-calendar-inner i{display:flex;justify-content:center;align-items:center;height:.75rem;width:.75rem;position:absolute;left:.75rem;top:.125rem;color:#747576;font-size:12px;pointer-events:none}::ng-deep .configure-resolution-body .case-calendar.disabled{background:#f2f2f5;pointer-events:none;opacity:1}::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner input,::ng-deep .configure-resolution-body .case-calendar.disabled .case-calendar-inner i{color:#a9aab6}::ng-deep .configure-resolution-body .email-configure-box{border-radius:.25rem;border:1px solid #dbdbdb;color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box input{-moz-appearance:textfield;border-radius:.25rem;border:1px solid #dbdbdb;color:#343952;display:inline-block;font-size:13px;text-align:center;width:2.25rem;height:1.75rem;padding:.125rem;outline:none}::ng-deep .configure-resolution-body .email-configure-box input::-webkit-inner-spin-button,::ng-deep .configure-resolution-body .email-configure-box input::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .configure-resolution-body .email-configure-box input::placeholder{color:#787a8c}::ng-deep .configure-resolution-body .email-configure-box .black-text{color:#000}::ng-deep .configure-resolution-table{border-radius:.25rem;border:1px solid #f2f2f5;margin-bottom:1.5rem}::ng-deep .configure-resolution-table .table-header{background:#fff;border-radius:.25rem .25rem 0 0}::ng-deep .configure-resolution-table .table-header .table-column{color:#787a8c!important;line-height:.75rem!important;min-height:2rem!important}::ng-deep .configure-resolution-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .configure-resolution-table .table-row:last-of-type .table-column,::ng-deep .configure-resolution-table .table-row:only-child .table-column{border-bottom:none}::ng-deep .configure-resolution-table .table-row .table-column{border-bottom:1px solid #f2f2f5;color:#000;min-height:3.25rem;position:relative;width:100%}::ng-deep .configure-resolution-table .table-row .table-column i.info{cursor:pointer}::ng-deep .configure-resolution-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .configure-resolution-table .table-row .table-column.serial .sr-no{width:1rem;height:3.25rem}::ng-deep .configure-resolution-table .table-row .table-column.stage-name{width:calc(100% - 37rem);min-width:calc(100% - 37rem)}::ng-deep .configure-resolution-table .table-row .table-column.stage-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.status{width:10rem;min-width:10rem}::ng-deep .configure-resolution-table .table-row .table-column.status .value span{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee{width:15rem;min-width:15rem}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box{border-radius:.25rem;border:1px solid #cdced6;cursor:pointer;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .value{color:#a9aab6}::ng-deep .configure-resolution-table .table-row .table-column.assignee .select-box .arrow{color:#787a8c}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;width:100%}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box .value-chip{background:#fff;border-radius:.125rem;border:1px solid #f4f8ff;box-shadow:0 0 2px #1e5dd326;color:#000;height:1.5rem;max-width:9.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .configure-resolution-table .table-row .table-column.assignee .after-select-box button.edit-btn{background:transparent;border-radius:0;border:none}::ng-deep .configure-resolution-table .table-row .table-column.deadline{width:10rem;min-width:10rem}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: CommonService }, { type: FrequencyService }]; }, propDecorators: { datePicker: [{
                 type: ViewChild,
                 args: ['datePicker']
@@ -13847,6 +13858,7 @@ class WorkflowCaseComponent {
     }
     filterResponsibilities(payload) {
         if (this.openedFrom === 'COMPLIANCE_WORKROOM') {
+            this.payload.source = this.source;
             payload.responsibilities_Linked = payload?.responsibilities_Linked?.map((item) => {
                 return item?.EncryptedReportId;
             });
@@ -13854,12 +13866,14 @@ class WorkflowCaseComponent {
         }
     }
     filterAssessment(payload) {
-        if (this.openedFrom === 'ASSESSMENT') {
+        if (this.openedFrom === 'ASSESSMENT' || this.openedFrom === 'COMPLIANCE_WORKROOM') {
+            this.payload.source = this.source;
             payload.linked_assessment_issues.resp_id = this.responsibilityData?.responsibilityObjectId;
             payload.linked_assessment_issues.due_date_id = this.assessmentQuestion?.dueDateId;
             payload.linked_assessment_issues.assessment_id = this.assessmentQuestion?.assessmentId;
             payload.linked_assessment_issues.question_id = this.assessmentQuestion?.questionId;
             payload.linked_assessment_issues.auditee_id = this.assessmentQuestion?.auditeeId;
+            payload.responsibilities_Linked = [this.responsibilityData?.responsibilityObjectId];
         }
     }
     addToCase() {
@@ -48592,6 +48606,7 @@ class WorkflowEngineContainerComponent {
         this.isRCSelected = false;
         this.featureFlag_groups = false;
         this.addToCaseMode = '';
+        this.permissionSubscription = new Subscription();
         this.workflowType = '';
         this.mode = 'CREATE';
         this.id = '';
@@ -48727,6 +48742,7 @@ class WorkflowEngineContainerComponent {
         ];
         this.confirmationAlertConfig = { isVisible: false };
         this.checkCurrentWorkflow();
+        this.checkPermission();
     }
     onKeydownHandler(event) {
         if ([
@@ -48794,6 +48810,16 @@ class WorkflowEngineContainerComponent {
         this.caseFeatureFlag = this.feature.isFeatureEnabled('ff_cases_enabled');
         this.isResponsibilitySimplify();
     }
+    ngOnDestroy() {
+        this.permissionSubscription.unsubscribe();
+    }
+    checkPermission() {
+        this.permissionSubscription = this.reportCasePermissionService.hasPermission.subscribe((hasPermission) => {
+            if (hasPermission) {
+                this.checkReportCasePermission();
+            }
+        });
+    }
     setNetworkListner() {
         addEventListener('offline', (e) => {
             this.snackBar.show('Connection lost!<br>Check your network connectivity.', 'alert');
@@ -48803,7 +48829,6 @@ class WorkflowEngineContainerComponent {
         });
     }
     ngAfterViewInit() {
-        this.checkReportCasePermission();
         this.workflowTypeList = this.workflowTypeList.filter((workflow) => {
             if (this.allowedWorkflows.includes(workflow.permissionIdentifier)) {
                 return workflow;
@@ -49235,11 +49260,11 @@ class WorkflowEngineContainerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkflowEngineContainerComponent, deps: [{ token: UiKitService }, { token: SnackBarService }, { token: AuthService$1 }, { token: OrganizationCommonService }, { token: ReportACaseService }, { token: ReportCasePermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkflowEngineContainerComponent, selector: "app-vcomply-workflow-engine-container", inputs: { workflowType: "workflowType", mode: "mode", id: "id", openedFrom: "openedFrom", source: "source", allowedWorkflows: "allowedWorkflows", frameworkDetails: "frameworkDetails", selectedRC: "selectedRC", secondaryOpenPortal: "secondaryOpenPortal", defaultRiskType: "defaultRiskType", moveToRegisterMode: "moveToRegisterMode", reponsibilityData: "reponsibilityData", assessmentQuestion: "assessmentQuestion", pid: "pid", programType: "programType", issueData: "issueData", entrustButtonName: "entrustButtonName", config: "config", convertFileData: "convertFileData", selectedCategory: "selectedCategory", selectedProgram: "selectedProgram", canFrameworkChange: "canFrameworkChange", addToProgramDetails: "addToProgramDetails", grcType: "grcType", isSendForAttestation: "isSendForAttestation", assessmentDetails: "assessmentDetails", templateId: "templateId", feature: "feature" }, outputs: { closeWorkflow: "closeWorkflow" }, host: { listeners: { "window:beforeunload": "unloadNotification($event)", "document:keydown.escape": "onKeydownHandler($event)", "window:resize": "sizeChange($event)" } }, viewQueries: [{ propertyName: "riskComponent", first: true, predicate: ["risk"], descendants: true }, { propertyName: "riskBulkUpload", first: true, predicate: ["multipleRisk"], descendants: true }, { propertyName: "responsibilityBulkUpload", first: true, predicate: ["multipleResponsibility"], descendants: true }, { propertyName: "compliance", first: true, predicate: ["responsibility"], descendants: true }, { propertyName: "moreOption", first: true, predicate: ["moreOption"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "dropdownRow", first: true, predicate: ["dropdownRow"], descendants: true }, { propertyName: "policy", first: true, predicate: ["policy"], descendants: true }, { propertyName: "logIssueComponent", first: true, predicate: ["logAnIssue"], descendants: true }, { propertyName: "workflowAssessmentComponent", first: true, predicate: ["assessment"], descendants: true }, { propertyName: "importAnAssessment", first: true, predicate: ["importAssessment"], descendants: true }, { propertyName: "program", first: true, predicate: ["program"], descendants: true }, { propertyName: "grcObject", first: true, predicate: ["grcObject"], descendants: true }, { propertyName: "reportCase", first: true, predicate: ["reportCase"], descendants: true }], ngImport: i0, template: "<app-snack-bar></app-snack-bar>\n<div class=\"workflow-engine-overlay\"></div>\n<div\n  class=\"workflow-engine\"\n  [class.animate]=\"animation\"\n  [class.bg]=\"\n    (!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) &&\n    !policy?.showCreateDocuments\n  \"\n>\n  <div\n    class=\"workflow-engine-container\"\n    [ngSwitch]=\"currentWorkflow?.code\"\n    [class.with-preview-assessment]=\"(auth?.previewPanel | async) === true\"\n    [class.with-frequency]=\"\n      compliance?.activeSelector === 'frequency' ||\n      compliance?.activeSelector === 'reviewerFrequency' ||\n      riskComponent?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'reviewerFrequency'\n    \"\n  >\n    <button\n      (click)=\"closeWorkflowEngine()\"\n      id=\"close-workflow-engine-btn\"\n      class=\"close\"\n      [appTooltip]=\"'[Esc] to close'\"\n      placement=\"left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"true\"\n      [class.disabled]=\"\n        confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\n      \"\n      [class.smiley-opened]=\"\n        riskComponent?.showSmiley ||\n        logIssueComponent?.showSmiley ||\n        compliance?.showSmiley ||\n        policy?.showCreateDocuments ||\n        responsibilityBulkUpload?.showSmiley ||\n        responsibilityBulkUpload?.showExcel ||\n        riskBulkUpload?.showSmiley ||\n        riskBulkUpload?.showExcel ||\n        program?.showSmiley ||\n        importAnAssessment?.showSmiley\n      \"\n    >\n      <i class=\"icons\">&#xe93f;</i>\n    </button>\n    <div\n      *ngIf=\"!uiKitService.isSmileyOn\"\n      class=\"workflow-engine-more\"\n      [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.read-only]=\"uiKitService?.isLoader\"\n    >\n      <app-more-option\n        #moreOption\n        [currentWorkflow]=\"currentWorkflow?.code\"\n        [isEditMode]=\"mode === 'EDIT'\"\n        [isRCSelected]=\"\n          isRCSelected ||\n          (currentWorkflow?.code === 'GRC' &&\n            grcObject?.listObject.RC.selectedData?.length > 0)\n        \"\n        [openedFrom]=\"openedFrom\"\n        (selectedOption)=\"addMoreInfo($event)\"\n        [isProgramSelected]=\"selectedProgram\"\n        [allowedFeature]=\"feature\"\n        [orgDetailsData]=\"orgDetails\"\n        [isAttributesAvailable]=\"\n          currentWorkflow?.code === 'GRC' &&\n          grcObject?.selectedAttributes?.attributes?.length > 0\n        \"\n      >\n      </app-more-option>\n    </div>\n    <div\n      class=\"workflow-engine-form\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.no-shadow]=\"\n        currentWorkflow?.code == 'AMR' ||\n        currentWorkflow?.code == 'CMR' ||\n        currentWorkflow?.code == 'AAA' ||\n        uiKitService.isSmileyOn ||\n        policy?.showCreateDocuments\n      \"\n    >\n      <div class=\"container\" (scroll)=\"scrollForm()\">\n        <ng-container\n          *ngIf=\"\n            !['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(\n              openedFrom\n            )\n          \"\n        >\n          <div\n            *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\"\n            class=\"form-group-row\"\n            #dropdownRow\n            [class.disabled]=\"\n              (mode === 'EDIT' ||\n                !isWorkflowSelectorEnabled ||\n                disableWorkflowChange ||\n                selectedProgram) &&\n              currentWorkflow?.code !== 'ACTW'\n            \"\n          >\n            <div class=\"left\" [class.checked]=\"currentWorkflow\">\n              <svg\n                class=\"checkIcon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 52 52\"\n              >\n                <circle\n                  class=\"checkIcon__circle\"\n                  cx=\"26\"\n                  cy=\"26\"\n                  r=\"25\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"checkIcon__check\"\n                  fill=\"none\"\n                  d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\n                />\n              </svg>\n            </div>\n            <div class=\"right\">\n              <div class=\"vx-form-group\" #dropdown>\n                <label\n                  *ngIf=\"currentWorkflow?.code !== 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Select a Workflow<span class=\"required\">*</span></label\n                >\n                <label\n                  *ngIf=\"currentWorkflow?.code === 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Assign a Case to Workflow<span class=\"required\"\n                    >*</span\n                  ></label\n                >\n                <div\n                  class=\"select\"\n                  *ngIf=\"!currentWorkflow && currentWorkflow?.code !== 'ACTW'\"\n                  (click)=\"editWorkflow()\"\n                >\n                  <input type=\"text\" placeholder=\"Select a Workflow\" readonly />\n                </div>\n                <div class=\"selected first-field\" *ngIf=\"currentWorkflow\">\n                  <!-- {{currentWorkflow | json}} -->\n                  <div\n                    class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n                  >\n                    <span\n                      class=\"chipName vx-fs-11 vx-label-txt no-width\"\n                      [appTooltip]=\"currentWorkflow?.workflowName\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                      [innerHTML]=\"\n                        workflowType === 'ACTW'\n                          ? '<strong>Case Reported By: </strong>' +\n                            (reportBy | userPipe : userList)?.member_name\n                          : currentWorkflow?.workflowName\n                      \"\n                    >\n                    </span>\n                  </div>\n                  <!-- <div class=\"chip-container\">\n                                    <span class=\"chip\" [class.disabled]=\"false\">{{currentWorkflow?.workflowName}}</span>\n                                </div> -->\n                  <button\n                    class=\"edit\"\n                    type=\"button\"\n                    (click)=\"editWorkflow()\"\n                    *ngIf=\"\n                      !workflowList &&\n                      openedFrom != 'ASSESSMENT' &&\n                      currentWorkflow?.code !== 'ACTW'\n                    \"\n                  >\n                    <i class=\"icons\">&#xe9ba;</i> Edit\n                  </button>\n                </div>\n                <div\n                  *ngIf=\"\n                    currentWorkflow?.code === 'CAPR' &&\n                    currentBusinessCycle &&\n                    !programSimplifyFlag\n                  \"\n                  class=\"program-business-cycle vx-fs-11 vx-txt-white vx-d-flex vx-align-center vx-pt-2 vx-pb-1 vx-pl-2 vx-pr-1\"\n                >\n                  <i class=\"icons vx-fs-12 vx-mr-1\">&#xe963;</i> This program is\n                  being set-up for the business cycle:\n                  <span class=\"vx-fw-600 vx-ml-1\">{{\n                    currentBusinessCycle\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-container>\n        <!-- <app-create-documents></app-create-documents> -->\n        <!-- <app-bulk-view></app-bulk-view> -->\n        <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\n        <app-workflow-compliance\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          [orgDetails]=\"orgDetails\"\n          [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust'\"\n          [responsibilityId]=\"id\"\n          [mode]=\"mode\"\n          [frameworkDetails]=\"frameworkDetails\"\n          [assessmentDetails]=\"assessmentDetails\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CAR'\"\n          #responsibility\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          [selectedRC]=\"selectedRC\"\n          [closeOnEsc]=\"closeOnEsc\"\n          (assigneeTypeChange)=\"assigneeTypeChange($event)\"\n          (onReviewerTypeChange)=\"onReviewerChange($event)\"\n          [feature]=\"feature\"\n          [openedFrom]=\"openedFrom\"\n          (rcSelected)=\"onRcSelected($event)\"\n          (resetForm)=\"onResetForm()\"\n          (onRemovingCheckpoint)=\"onRemovingCheckpoint($event, false, true)\"\n          (isAssessmentDisabled)=\"isAssessmentDisabled($event)\"\n          (checkpointCountUpdated)=\"checkpointCount = $event\"\n          [selectedProgram]=\"selectedProgram\"\n        ></app-workflow-compliance>\n        <app-workflow-risk\n          [secondaryOpenPortal]=\"secondaryOpenPortal\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAR'\"\n          #risk\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          (rcSelected)=\"onRcSelected($event)\"\n          [mode]=\"mode\"\n          [riskId]=\"id\"\n          [feature]=\"feature\"\n        ></app-workflow-risk>\n        <app-workflow-policy\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'CAP'\"\n          #policy\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (shiftToEditMode)=\"shiftToEditMode()\"\n          [feature]=\"feature\"\n          [policyId]=\"id\"\n          [mode]=\"mode\"\n          [templateId]=\"templateId\"\n          [convertFileData]=\"convertFileData\"\n          [selectedCategory]=\"selectedCategory\"\n          [isSendForAttestation]=\"isSendForAttestation\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n        ></app-workflow-policy>\n        <app-workflow-survey-form\n          *ngSwitchCase=\"'CAS'\"\n          #surveyForm\n        ></app-workflow-survey-form>\n        <app-add-multiple-risk\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AMR'\"\n          #multipleRisk\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          [feature]=\"feature\"\n        ></app-add-multiple-risk>\n        <!-- <app-add-multiple-responsibility  (disconnectRefresh)=\"isHostRefreshActive = $event\"    (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\n                </app-add-multiple-responsibility> -->\n\n        <lib-add-multiple-responsibility-container\n          [orgDetails]=\"orgDetails\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CMR'\"\n          [feature]=\"feature\"\n          #multipleResponsibility\n        ></lib-add-multiple-responsibility-container>\n        <!-- New Log an Issue -->\n        <app-log-an-issue\n          [issueDetails]=\"issueData\"\n          *ngSwitchCase=\"'LAI'\"\n          [reponsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [issueId]=\"id\"\n          #logAnIssue\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          [(mode)]=\"mode\"\n        >\n        </app-log-an-issue>\n        <!-- Old Log an issue -->\n        <!-- <app-log-an-issue *ngSwitchCase=\"'LAI'\" [responsibilitiesData]=\"reponsibiltyData\" [openedFrom]=\"openedFrom\"\n                #logAnIssue (closeWorkflow)=\"closeWorkflowEngine($event)\"\n                (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\">\n            </app-log-an-issue> -->\n\n        <app-workflow-assessment\n          [assessmentId]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          #assessment\n        ></app-workflow-assessment>\n        <app-import-an-assessment\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'IAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          #importAssessment\n        ></app-import-an-assessment>\n        <!-- <app-workflow-program #program *ngSwitchCase=\"'CAPR'\" (pickerChanged)=\"decideViewMoreOption($event)\" (disconnectRefresh)=\"isHostRefreshActive = $event\"></app-workflow-program> -->\n        <app-workflow-program\n          #program\n          *ngSwitchCase=\"'CAPR'\"\n          [orgDetails]=\"orgDetails\"\n          [allowedFeature]=\"feature\"\n          (disableElementsFromMoreOptions)=\"disableMoreOptions('CAPR', $event)\"\n          [programType]=\"programType\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          [programId]=\"id\"\n          (onRemovingRole)=\"onRemovingRole($event)\"\n          [canFrameworkChange]=\"canFrameworkChange\"\n          [addToProgramDetails]=\"addToProgramDetails\"\n        ></app-workflow-program>\n\n        <!-- GRC Object -->\n        <lib-grc-object-container\n          #grcObject\n          *ngSwitchCase=\"'GRC'\"\n          [grcType]=\"grcType\"\n          [MODE]=\"mode\"\n          [ID]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (resetForm)=\"onResetGRCForm()\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n        ></lib-grc-object-container>\n\n        <!-- Report a Case -->\n        <app-workflow-case\n          *ngSwitchCase=\"'RAC'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n        <!-- Assign case to workflow -->\n        <app-workflow-case\n          *ngSwitchCase=\"'ACTW'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [workflowType]=\"'ACTW'\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (caseReportedBy)=\"caseReportedBy($event)\"\n          (userListEmitter)=\"userListEmitter($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n      </div>\n      <div\n        *ngIf=\"['RAC', 'ACTW'].includes(currentWorkflow?.code)\"\n        class=\"vx-d-flex\"\n      >\n        <button\n          class=\"cancel\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"cancel()\"\n        >\n          CANCEL\n        </button>\n        <button\n          class=\"submit\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"submit()\"\n        >\n          {{\n            mode === \"EDIT\" && currentWorkflow?.code === \"RAC\"\n              ? \"Update\"\n              : \"Report\"\n          }}\n        </button>\n      </div>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAR'\"\n        (click)=\"submit()\"\n      >\n        {{\n          mode === \"EDIT\" && openedFrom !== \"MOVE_TO_REGISTER\"\n            ? \"Update\"\n            : \"Add\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"\n          !isWorkflowSelectorEnabled ||\n          !riskBulkUpload?.category?.selectedCategory\n        \"\n        (click)=\"bulkUploadBrowse('AMR')\"\n        *ngSwitchCase=\"'AMR'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('CMR')\"\n        *ngSwitchCase=\"'CMR'\"\n      >\n        Browse\n      </button>\n\n      <!-- This has ternary operation to handle the both scenarios of how it works with compliance and program module, please don't change this. -->\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAR'\"\n      >\n        {{\n          entrustButtonName !== \"\" && mode !== \"EDIT\"\n            ? entrustButtonName\n            : mode === \"EDIT\"\n            ? \"UPDATE\"\n            : \"Entrust\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAP'\"\n      >\n        {{\n          mode == \"EDIT\"\n            ? isSendForAttestation\n              ? \"Send for attestation\"\n              : \"Update\"\n            : \"Continue to draft\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'CAS'\"\n      >\n        Continue to draft\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'LAI'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Add\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAA'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Continue to draft\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('IAA')\"\n        *ngSwitchCase=\"'IAA'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button class=\"submit\" (click)=\"submit()\" *ngSwitchCase=\"'GRC'\">\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <div\n        class=\"dropdown\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n        [style.top.px]=\"dropdownTop\"\n        [style.left.px]=\"dropdownLeft\"\n        [style.width.px]=\"dropdownWidth\"\n      >\n        <ul class=\"dropdown-list\">\n          <li\n            *ngFor=\"let workflow of workflowTypeList\"\n            (click)=\"changeWorkflow($event, workflow)\"\n          >\n            <app-cs-radio\n              [value]=\"workflow?.code\"\n              [checked]=\"currentWorkflow?.code === workflow?.code\"\n            >\n              {{ workflow?.workflowName }}</app-cs-radio\n            >\n          </li>\n        </ul>\n      </div>\n      <div\n        class=\"dropdown-overlay\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n      ></div>\n    </div>\n    <app-confirmation-alert\n      id=\"confirmation-dialogue\"\n      (action)=\"confirmWorkflowChange($event)\"\n      *ngIf=\"confirmationAlertConfig?.isVisible\"\n      [message]=\"confirmationAlertConfig?.message\"\n      [config]=\"confirmationAlertConfig\"\n    ></app-confirmation-alert>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";.dropdown-overlay{position:fixed;inset:0;z-index:2}.workflow-engine{background:#161b2fcc;position:fixed;inset:0;z-index:10}.workflow-engine button.close{position:absolute;background:transparent;cursor:pointer;border:none;font-size:16px;color:#000;top:8px;right:7px;z-index:12;display:flex;align-items:center;justify-content:center;border-radius:2px;padding:8px}.workflow-engine button.close.bulk-opened,.workflow-engine button.close.smiley-opened{z-index:10}.workflow-engine button.close:hover{background:#f1f1f1}.workflow-engine button.close.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-container{position:fixed;top:0;right:0;bottom:0;background:#fff;display:flex;z-index:10;border-top:3px solid #1E5DD3}.workflow-engine-container:before{content:\"\";height:30px;position:absolute;top:0;right:0;width:499px;z-index:11;background:linear-gradient(to bottom,#fff,#ffffffbf 66%,#ffffff6b 81%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#00ffffff\",GradientType=0)}@media screen and (max-width: 1280px){.workflow-engine-container.with-frequency:before{display:none}.workflow-engine-container.with-frequency button.close{display:none}.workflow-engine-container.with-frequency .workflow-engine-form{right:-470px}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-risk .workflw-risk{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-policy .workflow-policy{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}}.workflow-engine-container.with-preview-assessment:before{display:none}.workflow-engine-container.with-preview-assessment button.close{display:none}.workflow-engine-container.with-preview-assessment .workflow-engine-form{right:-470px}.workflow-engine-container.with-preview-assessment .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-preview-assessment .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-more{width:318px;padding:36px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px;scrollbar-width:none}@media screen and (max-height: 900px){.workflow-engine-more{padding:20px 22px 36px 40px}}.workflow-engine-more::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}.workflow-engine-more::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;position:absolute}.workflow-engine-more::-webkit-scrollbar-thumb{border-radius:1px;background-color:#dbdbdb;position:absolute}.workflow-engine-more.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-more.read-only{pointer-events:none}.workflow-engine-form{width:500px;position:relative}.workflow-engine-form .container{height:calc(100vh - 53px);padding:35px 24px 8px 62px;overflow:hidden;overflow-y:auto;margin-left:-22px;scrollbar-width:thin}.workflow-engine-form .container.disabled{pointer-events:none}.workflow-engine-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.workflow-engine-form button.submit{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0}.workflow-engine-form button.submit:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.submit.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form button.cancel{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#1e5dd3;background:#fff;cursor:pointer;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0;border:none}.workflow-engine-form button.cancel:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.cancel.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-form label.browse{padding:0;margin:0;display:block;position:sticky;bottom:0}.workflow-engine-form label.browse span{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%}.workflow-engine-form label.browse input{position:absolute;width:100%;height:100%;z-index:1;inset:0;opacity:0;cursor:pointer}.workflow-engine-form .file-browsed{display:flex;align-items:center;background:#fff;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1}.workflow-engine-form .file-browsed span{display:block;width:calc(100% - 164px);color:#161b2f;font-size:13px;font-weight:400;line-height:20px;padding:0 16px}.workflow-engine-form .file-browsed button{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:164px;bottom:0}.workflow-engine-form:after{content:\"\";height:30px;position:absolute;right:0;bottom:50px;z-index:10;background:linear-gradient(to bottom,#fff0,#ffffffbf 22%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffffff\",endColorstr=\"#ffffff\",GradientType=0)}.workflow-engine-form.no-shadow:after{display:none}.workflow-engine.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}.workflow-engine.bg{background:#fff}.program-business-cycle{background:#f2bf19;border-radius:0 0 .25rem .25rem;position:relative;top:-.25rem;z-index:1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n", "@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep input.textField{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;font-size:13px;color:#747576;padding:8px 12px;position:relative;height:2.5rem;width:100%;transition:all .2s ease-in-out}::ng-deep input.textField::placeholder{font-size:13px;color:#747576}::ng-deep input.textField:hover,::ng-deep input.textField:focus{outline:none;border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectBoxEnable:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#747576;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .selectBoxEnable:hover,::ng-deep .selectBoxEnable:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .selectBoxEnable.withBtn:after{display:none}::ng-deep .selectBoxEnable.withBtn button.setBtn{background:transparent;border-radius:0;border:none;min-width:98px}::ng-deep .selectBoxSuccess{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;min-height:2.5rem;position:relative}::ng-deep .selectBoxSuccess .selectBoxText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:22rem}::ng-deep .selectBoxSuccess button{background:transparent;border-radius:0;border:none}::ng-deep .selectBoxSuccess button.deleteBtn{color:#d93b41}::ng-deep .selectBoxSuccess .level-left{border-right:1px solid #f1f1f1;height:2.375rem;width:5rem}::ng-deep .selectBoxSuccess .level-left .level-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:4.5rem}::ng-deep .chipContainer{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem}::ng-deep .chipContainer .cross{cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chipContainer .cross:hover{background:#f1f1f1}::ng-deep .chipContainer .chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:6rem}::ng-deep .chipContainer .chipName.no-width{max-width:unset}::ng-deep .chipContainer .chipName.full-width{max-width:25rem}::ng-deep .chipContainer button.countBtn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem;margin:0 0 0 .5rem;padding:0 .25rem}::ng-deep .chipContainer button.countBtn.greenBg{background:#34aa44}::ng-deep .workflowLavel{background:#f1f1f1;border-radius:.125rem;color:#042e7d;min-width:1rem;height:1rem}::ng-deep .reviewSelection{border-radius:.25rem;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep .reviewSelection:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectButton{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectButton:hover,::ng-deep .selectButton:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep button.createNewBtn{background:transparent;border-radius:0;border:none}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:108px;display:flex;align-items:center}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative;transition:all .2s ease-in-out}::ng-deep .vx-form-group .tab-group:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 62px 16px 24px;display:flex;align-items:center;justify-content:space-between}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;margin:0;padding:0;inset:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:8px 0!important;text-align:center}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%;text-align:center}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:13px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;font-size:14px;font-weight:500;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group label.vx-control-panel i.depreciation-icon{color:#e4b700;font-size:16px;position:relative;top:3px}::ng-deep .vx-form-group label.vx-control-panel .checkpoint-version{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:10px;font-weight:600;line-height:14px;margin-left:4px;padding:0 2px}::ng-deep .vx-form-group input[type=text],::ng-deep .vx-form-group .input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{color:#747576;font-weight:400}::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group input[type=text]:hover,::ng-deep .vx-form-group .input:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group input[type=text].error,::ng-deep .vx-form-group .input.error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group input[type=text].error:focus,::ng-deep .vx-form-group .input.error:focus{box-shadow:0 0 5px #d31e1e45}::ng-deep .vx-form-group input[type=text]:disabled,::ng-deep .vx-form-group .input:disabled{background:#f1f1f1;cursor:not-allowed;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group input[type=text]:disabled:hover,::ng-deep .vx-form-group .input:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group input[type=text] span.text,::ng-deep .vx-form-group .input span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group input[type=text] .input-group,::ng-deep .vx-form-group .input .input-group{display:flex;align-items:center}::ng-deep .vx-form-group input[type=text] .input-group.counter,::ng-deep .vx-form-group .input .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group input[type=text] .input-group.counter button,::ng-deep .vx-form-group .input .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group input[type=text] .input-group.counter input,::ng-deep .vx-form-group .input .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button{appearance:none;margin:0}::ng-deep .vx-form-group input[type=text]+.file-list,::ng-deep .vx-form-group .input+.file-list{margin-top:8px}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder,::ng-deep .vx-form-group .input:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder,::ng-deep .vx-form-group .input::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{margin:0 4px 0 0;width:100%;position:relative;z-index:1}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected.first-field{z-index:2}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container.checkpoints{width:calc(100% - 120px)}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip.disabled{background:#f1f1f1;box-shadow:none;color:#747576;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question{display:flex;align-items:center;justify-content:space-between;width:100%}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.value{color:#1e5dd3;font-size:12px;font-weight:400;line-height:24px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 80px)}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected .chip-container .chip-inner{background:#fff;border-radius:2px;box-shadow:0 2px 4px #1e5dd31a;line-height:24px;padding:0 4px 0 8px;display:flex;align-items:center}::ng-deep .vx-form-group .selected .chip-container .chip-inner .chip{background:transparent;border-radius:0;box-shadow:none;height:auto;line-height:unset;padding:0;color:#747576;max-width:100px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count{border-radius:20px;height:16px;padding:0 6px;border:none;font-size:9px;line-height:16px;margin-left:4px;min-width:20px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count.user{background:#34aa44}::ng-deep .vx-form-group .selected .chip-container .chip-inner i.cross{cursor:pointer;position:relative;top:1px;font-size:8px}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:0 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:none;border-radius:0;background:transparent;outline:none;cursor:pointer;display:block;font-size:11px;font-weight:600;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd345;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group ::ng-deep vcomply-editor{margin-top:8px;display:block;pointer-events:auto!important;z-index:1}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px;position:static}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0;background:#fff}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:transparent;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:12px;position:absolute;left:12px;top:0;color:#747576;font-size:12px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group app-cs-radio.disabled{pointer-events:none;opacity:.5;filter:grayscale(1);background:#f1f1f1}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}::ng-deep .vx-form-group .risk-type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;padding:4px;position:relative;z-index:1}::ng-deep .vx-form-group .risk-type-field .type-item{width:50%;position:relative}::ng-deep .vx-form-group .risk-type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:left}::ng-deep .vx-form-group .risk-type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}::ng-deep .vx-form-group .risk-type-field .type-item .info.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item.active button{color:#1e5dd3!important}::ng-deep .vx-form-group .risk-type-field .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}::ng-deep .vx-form-group .risk-type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;width:212px;height:32px;z-index:-1;transition:.25s ease-out}.left{width:36px;height:36px;margin-top:26px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.disabled{-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;inset:2px 0 0 2px;background:#fff;opacity:.7;border-radius:50%;width:32px;height:32px}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group input,.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group .selectBoxEnable{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}.form-group-row.active .right .vx-form-group .selectBoxEnable.disabled{border-color:#dbdbdb;box-shadow:none}::ng-deep .radio-group-selector app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .radio-group-selector app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .radio-group-selector app-cs-radio label.radio-item .radio,::ng-deep .radio-group-selector app-cs-radio label.radio-item .radiomark{position:absolute!important;top:9px;left:12px}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value{font-size:11px!important;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0!important;max-width:100%!important;font-weight:500!important;color:#707070!important}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value i{font-size:12px;color:#1e5dd3}::ng-deep .radio-group-selector app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}::ng-deep .wf-action-list{width:220px}::ng-deep .wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}::ng-deep .wf-action-list ul.action-item{display:block}::ng-deep .wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}::ng-deep .wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}::ng-deep .wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}::ng-deep .wf-action-list ul.action-item li button:hover{background:#f3f3f3}::ng-deep .wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.within-con{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}::ng-deep .wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}::ng-deep .wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}::ng-deep .wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}::ng-deep .wf-action-list ul.action-item li .chip-item span.id{font-size:9px}::ng-deep .wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}::ng-deep .wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}::ng-deep .wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:8px;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:-3px;right:0;bottom:0;z-index:999;width:520px;height:calc(100vh + 3px)}::ng-deep .vx-overlay{position:fixed;z-index:3;inset:0}::ng-deep dp-date-picker{width:100%;position:fixed!important;z-index:14;top:-40px;left:0}::ng-deep dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}::ng-deep dp-date-picker input:focus{outline:none}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}::ng-deep .cdk-overlay-container{z-index:2147483002!important}::ng-deep .dp-popup{z-index:999;display:flex!important;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0000004d!important;box-shadow:unset!important}::ng-deep .dp-popup dp-day-calendar{width:412px!important;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep .dp-popup dp-day-calendar,::ng-deep .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep .dp-popup dp-day-calendar button,::ng-deep .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep .dp-popup dp-day-calendar .dp-weekdays,::ng-deep .dp-popup dp-month-calendar .dp-weekdays,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}::ng-deep span.file{display:block;width:20px;min-width:20px;border-radius:0 0 2px 2px;border:1px solid transparent;border-color:#747576;position:relative;margin-right:5px;border-top:none;margin-top:5px;background:#fff}::ng-deep span.file.table{margin-right:8px;width:18px;min-width:18px}::ng-deep span.file.table i{font-size:8px}::ng-deep span.file.table .format{height:8px;font-size:7px;line-height:8px;font-weight:400}::ng-deep span.file:before{position:absolute;border-radius:0;top:-4px;right:-1px;content:\"\";height:4px;width:4px;display:block;background:linear-gradient(45deg,#747576 0% 1%,#747576 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file:after{height:4px;left:-1px;right:3px;border-top:1px solid;border-right:none;border-left:1px solid;content:\"\";top:-4px;position:absolute;border-radius:2px 0 0;background:#fff}::ng-deep span.file .format{height:10px;font-size:6px;text-transform:uppercase;background:transparent;font-weight:600;text-align:center;display:block;line-height:10px}::ng-deep span.file i{font-size:10px;height:10px;display:flex;align-items:center;justify-content:center;color:#dbdbdb}::ng-deep span.file.docx{width:22px!important}::ng-deep span.file.pdf,::ng-deep span.file.template{border-color:#f31c39}::ng-deep span.file.pdf:before,::ng-deep span.file.template:before{background:linear-gradient(45deg,#f31c39 0% 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#f31c39\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.pdf:after,::ng-deep span.file.template:after{border-color:#f31c39}::ng-deep span.file.pdf .format,::ng-deep span.file.template .format{color:#f31c39}::ng-deep span.file.xlsx,::ng-deep span.file.xls,::ng-deep span.file.css,::ng-deep span.file.scss,::ng-deep span.file.less{border-color:#34aa44}::ng-deep span.file.xlsx:before,::ng-deep span.file.xls:before,::ng-deep span.file.css:before,::ng-deep span.file.scss:before,::ng-deep span.file.less:before{background:linear-gradient(45deg,#34aa44 0% 1%,#34aa44 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.xlsx:after,::ng-deep span.file.xls:after,::ng-deep span.file.css:after,::ng-deep span.file.scss:after,::ng-deep span.file.less:after{border-color:#34aa44;color:#34aa44}::ng-deep span.file.xlsx .format,::ng-deep span.file.xls .format,::ng-deep span.file.css .format,::ng-deep span.file.scss .format,::ng-deep span.file.less .format{color:#34aa44}::ng-deep span.file.doc,::ng-deep span.file.docx,::ng-deep span.file.psd{border-color:#1e5dd3}::ng-deep span.file.doc:before,::ng-deep span.file.docx:before,::ng-deep span.file.psd:before{background:linear-gradient(45deg,#1e5dd3 0% 1%,#1e5dd3 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.doc:after,::ng-deep span.file.docx:after,::ng-deep span.file.psd:after{border-color:#1e5dd3}::ng-deep span.file.doc .format,::ng-deep span.file.docx .format,::ng-deep span.file.psd .format{color:#1e5dd3}::ng-deep span.file.ppt,::ng-deep span.file.ai,::ng-deep span.file.html,::ng-deep span.file.jpg,::ng-deep span.file.jpeg,::ng-deep span.file.png{border-color:#f6882f}::ng-deep span.file.ppt:before,::ng-deep span.file.ai:before,::ng-deep span.file.html:before,::ng-deep span.file.jpg:before,::ng-deep span.file.jpeg:before,::ng-deep span.file.png:before{background:linear-gradient(45deg,#f6882f 0% 1%,#f6882f 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.ppt:after,::ng-deep span.file.ai:after,::ng-deep span.file.html:after,::ng-deep span.file.jpg:after,::ng-deep span.file.jpeg:after,::ng-deep span.file.png:after{border-color:#f6882f}::ng-deep span.file.ppt .format,::ng-deep span.file.ai .format,::ng-deep span.file.html .format,::ng-deep span.file.jpg .format,::ng-deep span.file.jpeg .format,::ng-deep span.file.png .format{color:#f6882f}::ng-deep span.file.php{border-color:#7aa6f7}::ng-deep span.file.php:before{background:linear-gradient(45deg,#7aa6f7 0% 1%,#7aa6f7 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.php:after{border-color:#7aa6f7}::ng-deep span.file.php .format{color:#7aa6f7}::ng-deep ngx-material-timepicker-container .timepicker-backdrop-overlay{background-color:#0000000d!important;z-index:9999999999!important}::ng-deep ngx-material-timepicker-container .timepicker-overlay{z-index:9999999999!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker{width:232px!important;border-radius:2px!important;box-shadow:0 4px 30px #161b2f26!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header{background-color:#fff!important;padding:0!important;border-radius:2px 2px 0 0}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container{display:block!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time{color:#000!important;width:150px!important;margin:0 auto;line-height:60px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control{font-size:40px;background-color:transparent!important;color:#000!important;font-weight:600;text-align:right;caret-color:transparent;outline:none;font-family:Poppins;line-height:56px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:focus,::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:hover{background-color:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control:last-of-type .timepicker-dial__control{text-align:left}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time span{padding:0 8px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period{display:flex!important;width:182px;margin:0 auto!important;background:#f1f1f1;padding:4px 10px;border-radius:20px;position:relative}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period:before{background:#f1f1f1;content:\"\";position:absolute;top:15px;left:-25px;width:calc(100% + 50px);height:2px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period{flex-direction:unset!important;position:relative;z-index:1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:after{content:\"\";position:absolute;right:-12px;top:0;border-left:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:before{content:\"\";position:absolute;left:-18px;top:0;border-right:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button{font-size:11px;background-color:transparent;padding:0;border-radius:20px;color:#747576;font-weight:600;font-family:Poppins;width:84px;height:24px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button.timepicker-dial__item_active{background:#fff!important;color:#1e5dd3!important;box-shadow:0 1px 2px #dbdbdb}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button+button{margin-left:0!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face{width:200px!important;height:200px!important;padding:10px!important;background:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer{height:92px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span{color:#000}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span.active{color:#fff}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand{height:80px!important;top:calc(50% - 80px)!important;background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number>span.active{background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand_minute:before{border:4px solid #1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions{display:flex!important;padding:10px 0 0!important;background:#fff!important;justify-content:space-around!important;border-radius:0 0 2px 2px!important;overflow:hidden}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div:first-child ngx-material-timepicker-button button.timepicker-button{background:#f8f8f8;color:#1e5dd3}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button{line-height:28px!important;width:100%;background:#1e5dd3;color:#fff;border-radius:0!important;height:32px!important;width:116px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button span{font-weight:500!important;font-size:11px;font-family:Poppins}::ng-deep vcomply-editor{display:block}::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep vcomply-editor .editor-container:hover,::ng-deep vcomply-editor .editor-container:focus-within{border:1px solid #1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep vcomply-editor .editor-container mention-list ul li a{font-size:16px!important}::ng-deep vcomply-editor .editor-container .editable-block{background:#fff;min-height:60px;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep vcomply-editor .editor-container .editor-tools{border-top:1px solid #dbdbdb;border-radius:0 0 3px 3px}::ng-deep vcomply-editor .editor-container .editor-tools:hover{border-color:#1e5dd3}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep marx-modal .popup-modal-background{background-color:#161b2fcc!important}::ng-deep .within-box{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .within-value{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.wf-tooltip{pointer-events:none;position:absolute;max-width:300px;font-size:12px;text-align:left;color:#fff;padding:8px 12px;background:#000;border-radius:2px;z-index:-222;top:0;opacity:0;white-space:break-spaces;word-break:break-word}.wf-tooltip *{color:#fff!important}.wf-tooltip:empty{display:none!important}.wf-tooltip.white{box-shadow:0 2px 8px #1c5bd159;color:#747576;background:#fff;text-align:left}.wf-tooltip.white b{color:#747576!important}.wf-tooltip.animate-top{animation:animate-top .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-right{animation:animate-right .3s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-bottom{animation:animate-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-left{animation:animate-left .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-left.white:after{border-color:transparent transparent transparent #f1f1f1}.wf-tooltip-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #000000}.wf-tooltip-right.white:after{border-color:transparent #f1f1f1 transparent transparent}.wf-tooltip-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #000000 transparent transparent}.wf-tooltip-bottom-right:after{bottom:100%;left:100%;margin-left:-20px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-right.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-bottom-left:after{bottom:100%;left:0;margin-left:10px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-left.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-top-left:after{top:100%;left:0;margin-left:10px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-left.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-top-right:after{top:100%;left:100%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-right.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip:after{content:\"\";position:absolute;border-style:solid}.wf-tooltip span.within{font-size:80%;display:block;width:100%}.wf-tooltip .small{display:block;font-size:10px}.wf-tooltip .within-box{background:#f1f1f1;border-radius:2px;color:#042e7d!important;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 2px;margin-right:2px}.wf-tooltip-show{pointer-events:none;opacity:1;z-index:2147483001}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: SnackBarComponent, selector: "app-snack-bar" }, { kind: "component", type: GrcObjectContainerComponent, selector: "lib-grc-object-container", inputs: ["grcType", "MODE", "ID"], outputs: ["populateOption", "pickerChanged", "closeWorkflow", "disconnectRefresh", "resetForm", "hideElementsFromMoreOptions"] }, { kind: "component", type: WorkflowCaseComponent, selector: "app-workflow-case", inputs: ["openedFrom", "source", "caseId", "mode", "workflowType", "responsibilityData", "assessmentQuestion"], outputs: ["closeWorkflow", "populateOption", "caseReportedBy", "userListEmitter"] }, { kind: "component", type: WorkflowRiskComponent, selector: "app-workflow-risk", inputs: ["feature", "mode", "riskId", "defaultRiskType", "moveToRegisterMode", "secondaryOpenPortal", "openedFrom"], outputs: ["showConfirmationAlert", "pickerChanged", "populateOption", "closeWorkflow", "disconnectRefresh", "refreshForm", "hideElementsFromMoreOptions", "rcSelected"] }, { kind: "component", type: WorkflowComplianceComponent, selector: "app-workflow-compliance", inputs: ["mode", "responsibilityId", "frameworkDetails", "isEntrust", "feature", "assessmentDetails", "closeOnEsc", "orgDetails", "openedFrom", "selectedRC", "selectedProgram"], outputs: ["pickerChanged", "populateOption", "hideElementsFromMoreOptions", "closeWorkflow", "resetForm", "disconnectRefresh", "checkpointCountUpdated", "rcSelected", "onRemovingCheckpoint", "isAssessmentDisabled", "assigneeTypeChange", "onReviewerTypeChange"] }, { kind: "component", type: WorkflowPolicyComponent, selector: "app-workflow-policy", inputs: ["mode", "policyId", "feature", "convertFileData", "selectedCategory", "isSendForAttestation", "templateId"], outputs: ["pickerChanged", "showConfirmationAlert", "populateOption", "disconnectRefresh", "shiftToEditMode"] }, { kind: "component", type: MoreOptionComponent, selector: "app-more-option", inputs: ["currentWorkflow", "openedFrom", "isEditMode", "isRCSelected", "isProgramSelected", "allowedFeature", "orgDetailsData", "isAttributesAvailable"], outputs: ["selectedOption"] }, { kind: "component", type: AddMultipleRiskComponent, selector: "app-add-multiple-risk", inputs: ["feature"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "disconnectRefresh"] }, { kind: "component", type: ConfirmationAlertComponent, selector: "app-confirmation-alert", inputs: ["message", "config"], outputs: ["action"] }, { kind: "component", type: WorkflowSurveyFormComponent, selector: "app-workflow-survey-form" }, { kind: "component", type: LogAnIssueComponent, selector: "app-log-an-issue", inputs: ["openedFrom", "source", "issueId", "reponsibilityData", "assessmentQuestion", "issueDetails", "mode", "config", "responsibilitiesData"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "modeChange", "disconnectRefresh"] }, { kind: "component", type: WorkflowAssessmentComponent, selector: "app-workflow-assessment", inputs: ["mode", "assessmentId", "openedFrom"], outputs: ["disconnectRefresh", "pickerChanged", "closeWorkflow"] }, { kind: "component", type: ImportAnAssessmentComponent, selector: "app-import-an-assessment", outputs: ["closeWorkflow", "disconnectRefresh"] }, { kind: "component", type: WorkflowProgramComponent, selector: "app-workflow-program", inputs: ["canFrameworkChange", "mode", "programId", "programType", "allowedFeature", "addToProgramDetails", "orgDetails"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "showConfirmationAlert", "disconnectRefresh", "refreshForm", "hideElementsFromMoreOptions", "onRemovingRole", "disableElementsFromMoreOptions"] }, { kind: "component", type: AddMultipleResponsibilityContainerComponent, selector: "lib-add-multiple-responsibility-container", inputs: ["feature", "orgDetails"], outputs: ["closeWorkflow"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: UserPipe, name: "userPipe" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkflowEngineContainerComponent, selector: "app-vcomply-workflow-engine-container", inputs: { workflowType: "workflowType", mode: "mode", id: "id", openedFrom: "openedFrom", source: "source", allowedWorkflows: "allowedWorkflows", frameworkDetails: "frameworkDetails", selectedRC: "selectedRC", secondaryOpenPortal: "secondaryOpenPortal", defaultRiskType: "defaultRiskType", moveToRegisterMode: "moveToRegisterMode", reponsibilityData: "reponsibilityData", assessmentQuestion: "assessmentQuestion", pid: "pid", programType: "programType", issueData: "issueData", entrustButtonName: "entrustButtonName", config: "config", convertFileData: "convertFileData", selectedCategory: "selectedCategory", selectedProgram: "selectedProgram", canFrameworkChange: "canFrameworkChange", addToProgramDetails: "addToProgramDetails", grcType: "grcType", isSendForAttestation: "isSendForAttestation", assessmentDetails: "assessmentDetails", templateId: "templateId", feature: "feature" }, outputs: { closeWorkflow: "closeWorkflow" }, host: { listeners: { "window:beforeunload": "unloadNotification($event)", "document:keydown.escape": "onKeydownHandler($event)", "window:resize": "sizeChange($event)" } }, viewQueries: [{ propertyName: "riskComponent", first: true, predicate: ["risk"], descendants: true }, { propertyName: "riskBulkUpload", first: true, predicate: ["multipleRisk"], descendants: true }, { propertyName: "responsibilityBulkUpload", first: true, predicate: ["multipleResponsibility"], descendants: true }, { propertyName: "compliance", first: true, predicate: ["responsibility"], descendants: true }, { propertyName: "moreOption", first: true, predicate: ["moreOption"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "dropdownRow", first: true, predicate: ["dropdownRow"], descendants: true }, { propertyName: "policy", first: true, predicate: ["policy"], descendants: true }, { propertyName: "logIssueComponent", first: true, predicate: ["logAnIssue"], descendants: true }, { propertyName: "workflowAssessmentComponent", first: true, predicate: ["assessment"], descendants: true }, { propertyName: "importAnAssessment", first: true, predicate: ["importAssessment"], descendants: true }, { propertyName: "program", first: true, predicate: ["program"], descendants: true }, { propertyName: "grcObject", first: true, predicate: ["grcObject"], descendants: true }, { propertyName: "reportCase", first: true, predicate: ["reportCase"], descendants: true }], ngImport: i0, template: "<app-snack-bar></app-snack-bar>\n<div class=\"workflow-engine-overlay\"></div>\n<div\n  class=\"workflow-engine\"\n  [class.animate]=\"animation\"\n  [class.bg]=\"\n    (!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) &&\n    !policy?.showCreateDocuments\n  \"\n>\n  <div\n    class=\"workflow-engine-container\"\n    [ngSwitch]=\"currentWorkflow?.code\"\n    [class.with-preview-assessment]=\"(auth?.previewPanel | async) === true\"\n    [class.with-frequency]=\"\n      compliance?.activeSelector === 'frequency' ||\n      compliance?.activeSelector === 'reviewerFrequency' ||\n      riskComponent?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'reviewerFrequency'\n    \"\n  >\n    <button\n      (click)=\"closeWorkflowEngine()\"\n      id=\"close-workflow-engine-btn\"\n      class=\"close\"\n      [appTooltip]=\"'[Esc] to close'\"\n      placement=\"left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"true\"\n      [class.disabled]=\"\n        confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\n      \"\n      [class.smiley-opened]=\"\n        riskComponent?.showSmiley ||\n        logIssueComponent?.showSmiley ||\n        compliance?.showSmiley ||\n        policy?.showCreateDocuments ||\n        responsibilityBulkUpload?.showSmiley ||\n        responsibilityBulkUpload?.showExcel ||\n        riskBulkUpload?.showSmiley ||\n        riskBulkUpload?.showExcel ||\n        program?.showSmiley ||\n        importAnAssessment?.showSmiley\n      \"\n    >\n      <i class=\"icons\">&#xe93f;</i>\n    </button>\n    <div\n      *ngIf=\"!uiKitService.isSmileyOn\"\n      class=\"workflow-engine-more\"\n      [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.read-only]=\"uiKitService?.isLoader\"\n    >\n      <app-more-option\n        #moreOption\n        [currentWorkflow]=\"currentWorkflow?.code\"\n        [isEditMode]=\"mode === 'EDIT'\"\n        [isRCSelected]=\"\n          isRCSelected ||\n          (currentWorkflow?.code === 'GRC' &&\n            grcObject?.listObject.RC.selectedData?.length > 0)\n        \"\n        [openedFrom]=\"openedFrom\"\n        (selectedOption)=\"addMoreInfo($event)\"\n        [isProgramSelected]=\"selectedProgram\"\n        [allowedFeature]=\"feature\"\n        [orgDetailsData]=\"orgDetails\"\n        [isAttributesAvailable]=\"\n          currentWorkflow?.code === 'GRC' &&\n          grcObject?.selectedAttributes?.attributes?.length > 0\n        \"\n      >\n      </app-more-option>\n    </div>\n    <div\n      class=\"workflow-engine-form\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.no-shadow]=\"\n        currentWorkflow?.code == 'AMR' ||\n        currentWorkflow?.code == 'CMR' ||\n        currentWorkflow?.code == 'AAA' ||\n        uiKitService.isSmileyOn ||\n        policy?.showCreateDocuments\n      \"\n    >\n      <div class=\"container\" (scroll)=\"scrollForm()\">\n        <ng-container\n          *ngIf=\"\n            !['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(\n              openedFrom\n            )\n          \"\n        >\n          <div\n            *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\"\n            class=\"form-group-row\"\n            #dropdownRow\n            [class.disabled]=\"\n              (mode === 'EDIT' ||\n                !isWorkflowSelectorEnabled ||\n                disableWorkflowChange ||\n                selectedProgram) &&\n              currentWorkflow?.code !== 'ACTW'\n            \"\n          >\n            <div class=\"left\" [class.checked]=\"currentWorkflow\">\n              <svg\n                class=\"checkIcon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 52 52\"\n              >\n                <circle\n                  class=\"checkIcon__circle\"\n                  cx=\"26\"\n                  cy=\"26\"\n                  r=\"25\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"checkIcon__check\"\n                  fill=\"none\"\n                  d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\n                />\n              </svg>\n            </div>\n            <div class=\"right\">\n              <div class=\"vx-form-group\" #dropdown>\n                <label\n                  *ngIf=\"currentWorkflow?.code !== 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Select a Workflow<span class=\"required\">*</span></label\n                >\n                <label\n                  *ngIf=\"currentWorkflow?.code === 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Assign a Case to Workflow<span class=\"required\"\n                    >*</span\n                  ></label\n                >\n                <div\n                  class=\"select\"\n                  *ngIf=\"!currentWorkflow && currentWorkflow?.code !== 'ACTW'\"\n                  (click)=\"editWorkflow()\"\n                >\n                  <input type=\"text\" placeholder=\"Select a Workflow\" readonly />\n                </div>\n                <div class=\"selected first-field\" *ngIf=\"currentWorkflow\">\n                  <!-- {{currentWorkflow | json}} -->\n                  <div\n                    class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n                  >\n                    <span\n                      class=\"chipName vx-fs-11 vx-label-txt no-width\"\n                      [appTooltip]=\"currentWorkflow?.workflowName\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                      [innerHTML]=\"\n                        workflowType === 'ACTW'\n                          ? '<strong>Case Reported By: </strong>' +\n                            (reportBy | userPipe : userList)?.member_name\n                          : currentWorkflow?.workflowName\n                      \"\n                    >\n                    </span>\n                  </div>\n                  <!-- <div class=\"chip-container\">\n                                    <span class=\"chip\" [class.disabled]=\"false\">{{currentWorkflow?.workflowName}}</span>\n                                </div> -->\n                  <button\n                    class=\"edit\"\n                    type=\"button\"\n                    (click)=\"editWorkflow()\"\n                    *ngIf=\"\n                      !workflowList &&\n                      openedFrom != 'ASSESSMENT' &&\n                      currentWorkflow?.code !== 'ACTW'\n                    \"\n                  >\n                    <i class=\"icons\">&#xe9ba;</i> Edit\n                  </button>\n                </div>\n                <div\n                  *ngIf=\"\n                    currentWorkflow?.code === 'CAPR' &&\n                    currentBusinessCycle &&\n                    !programSimplifyFlag\n                  \"\n                  class=\"program-business-cycle vx-fs-11 vx-txt-white vx-d-flex vx-align-center vx-pt-2 vx-pb-1 vx-pl-2 vx-pr-1\"\n                >\n                  <i class=\"icons vx-fs-12 vx-mr-1\">&#xe963;</i> This program is\n                  being set-up for the business cycle:\n                  <span class=\"vx-fw-600 vx-ml-1\">{{\n                    currentBusinessCycle\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-container>\n        <!-- <app-create-documents></app-create-documents> -->\n        <!-- <app-bulk-view></app-bulk-view> -->\n        <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\n        <app-workflow-compliance\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          [orgDetails]=\"orgDetails\"\n          [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust'\"\n          [responsibilityId]=\"id\"\n          [mode]=\"mode\"\n          [frameworkDetails]=\"frameworkDetails\"\n          [assessmentDetails]=\"assessmentDetails\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CAR'\"\n          #responsibility\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          [selectedRC]=\"selectedRC\"\n          [closeOnEsc]=\"closeOnEsc\"\n          (assigneeTypeChange)=\"assigneeTypeChange($event)\"\n          (onReviewerTypeChange)=\"onReviewerChange($event)\"\n          [feature]=\"feature\"\n          [openedFrom]=\"openedFrom\"\n          (rcSelected)=\"onRcSelected($event)\"\n          (resetForm)=\"onResetForm()\"\n          (onRemovingCheckpoint)=\"onRemovingCheckpoint($event, false, true)\"\n          (isAssessmentDisabled)=\"isAssessmentDisabled($event)\"\n          (checkpointCountUpdated)=\"checkpointCount = $event\"\n          [selectedProgram]=\"selectedProgram\"\n        ></app-workflow-compliance>\n        <app-workflow-risk\n          [secondaryOpenPortal]=\"secondaryOpenPortal\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAR'\"\n          #risk\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          (rcSelected)=\"onRcSelected($event)\"\n          [mode]=\"mode\"\n          [riskId]=\"id\"\n          [feature]=\"feature\"\n        ></app-workflow-risk>\n        <app-workflow-policy\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'CAP'\"\n          #policy\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (shiftToEditMode)=\"shiftToEditMode()\"\n          [feature]=\"feature\"\n          [policyId]=\"id\"\n          [mode]=\"mode\"\n          [templateId]=\"templateId\"\n          [convertFileData]=\"convertFileData\"\n          [selectedCategory]=\"selectedCategory\"\n          [isSendForAttestation]=\"isSendForAttestation\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n        ></app-workflow-policy>\n        <app-workflow-survey-form\n          *ngSwitchCase=\"'CAS'\"\n          #surveyForm\n        ></app-workflow-survey-form>\n        <app-add-multiple-risk\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AMR'\"\n          #multipleRisk\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          [feature]=\"feature\"\n        ></app-add-multiple-risk>\n        <!-- <app-add-multiple-responsibility  (disconnectRefresh)=\"isHostRefreshActive = $event\"    (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\n                </app-add-multiple-responsibility> -->\n\n        <lib-add-multiple-responsibility-container\n          [orgDetails]=\"orgDetails\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CMR'\"\n          [feature]=\"feature\"\n          #multipleResponsibility\n        ></lib-add-multiple-responsibility-container>\n        <!-- New Log an Issue -->\n        <app-log-an-issue\n          [issueDetails]=\"issueData\"\n          *ngSwitchCase=\"'LAI'\"\n          [reponsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [issueId]=\"id\"\n          #logAnIssue\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          [(mode)]=\"mode\"\n        >\n        </app-log-an-issue>\n        <!-- Old Log an issue -->\n        <!-- <app-log-an-issue *ngSwitchCase=\"'LAI'\" [responsibilitiesData]=\"reponsibiltyData\" [openedFrom]=\"openedFrom\"\n                #logAnIssue (closeWorkflow)=\"closeWorkflowEngine($event)\"\n                (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\">\n            </app-log-an-issue> -->\n\n        <app-workflow-assessment\n          [assessmentId]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          #assessment\n        ></app-workflow-assessment>\n        <app-import-an-assessment\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'IAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          #importAssessment\n        ></app-import-an-assessment>\n        <!-- <app-workflow-program #program *ngSwitchCase=\"'CAPR'\" (pickerChanged)=\"decideViewMoreOption($event)\" (disconnectRefresh)=\"isHostRefreshActive = $event\"></app-workflow-program> -->\n        <app-workflow-program\n          #program\n          *ngSwitchCase=\"'CAPR'\"\n          [orgDetails]=\"orgDetails\"\n          [allowedFeature]=\"feature\"\n          (disableElementsFromMoreOptions)=\"disableMoreOptions('CAPR', $event)\"\n          [programType]=\"programType\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          [programId]=\"id\"\n          (onRemovingRole)=\"onRemovingRole($event)\"\n          [canFrameworkChange]=\"canFrameworkChange\"\n          [addToProgramDetails]=\"addToProgramDetails\"\n        ></app-workflow-program>\n\n        <!-- GRC Object -->\n        <lib-grc-object-container\n          #grcObject\n          *ngSwitchCase=\"'GRC'\"\n          [grcType]=\"grcType\"\n          [MODE]=\"mode\"\n          [ID]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (resetForm)=\"onResetGRCForm()\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n        ></lib-grc-object-container>\n\n        <!-- Report a Case -->\n        <app-workflow-case\n          *ngSwitchCase=\"'RAC'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n        <!-- Assign case to workflow -->\n        <app-workflow-case\n          *ngSwitchCase=\"'ACTW'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [workflowType]=\"'ACTW'\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (caseReportedBy)=\"caseReportedBy($event)\"\n          (userListEmitter)=\"userListEmitter($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n      </div>\n      <div\n        *ngIf=\"['RAC', 'ACTW'].includes(currentWorkflow?.code)\"\n        class=\"vx-d-flex\"\n      >\n        <button\n          class=\"cancel\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"closeWorkflowEngine()\"\n        >\n          CANCEL\n        </button>\n        <button\n          class=\"submit\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"submit()\"\n        >\n          {{\n            mode === \"EDIT\" && currentWorkflow?.code === \"RAC\"\n              ? \"Update\"\n              : \"Report\"\n          }}\n        </button>\n      </div>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAR'\"\n        (click)=\"submit()\"\n      >\n        {{\n          mode === \"EDIT\" && openedFrom !== \"MOVE_TO_REGISTER\"\n            ? \"Update\"\n            : \"Add\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"\n          !isWorkflowSelectorEnabled ||\n          !riskBulkUpload?.category?.selectedCategory\n        \"\n        (click)=\"bulkUploadBrowse('AMR')\"\n        *ngSwitchCase=\"'AMR'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('CMR')\"\n        *ngSwitchCase=\"'CMR'\"\n      >\n        Browse\n      </button>\n\n      <!-- This has ternary operation to handle the both scenarios of how it works with compliance and program module, please don't change this. -->\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAR'\"\n      >\n        {{\n          entrustButtonName !== \"\" && mode !== \"EDIT\"\n            ? entrustButtonName\n            : mode === \"EDIT\"\n            ? \"UPDATE\"\n            : \"Entrust\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAP'\"\n      >\n        {{\n          mode == \"EDIT\"\n            ? isSendForAttestation\n              ? \"Send for attestation\"\n              : \"Update\"\n            : \"Continue to draft\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'CAS'\"\n      >\n        Continue to draft\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'LAI'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Add\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAA'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Continue to draft\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('IAA')\"\n        *ngSwitchCase=\"'IAA'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button class=\"submit\" (click)=\"submit()\" *ngSwitchCase=\"'GRC'\">\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <div\n        class=\"dropdown\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n        [style.top.px]=\"dropdownTop\"\n        [style.left.px]=\"dropdownLeft\"\n        [style.width.px]=\"dropdownWidth\"\n      >\n        <ul class=\"dropdown-list\">\n          <li\n            *ngFor=\"let workflow of workflowTypeList\"\n            (click)=\"changeWorkflow($event, workflow)\"\n          >\n            <app-cs-radio\n              *ngIf=\"workflow?.code !== 'ACTW'\"\n              [value]=\"workflow?.code\"\n              [checked]=\"currentWorkflow?.code === workflow?.code\"\n            >\n              {{ workflow?.workflowName }}</app-cs-radio\n            >\n          </li>\n        </ul>\n      </div>\n      <div\n        class=\"dropdown-overlay\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n      ></div>\n    </div>\n    <app-confirmation-alert\n      id=\"confirmation-dialogue\"\n      (action)=\"confirmWorkflowChange($event)\"\n      *ngIf=\"confirmationAlertConfig?.isVisible\"\n      [message]=\"confirmationAlertConfig?.message\"\n      [config]=\"confirmationAlertConfig\"\n    ></app-confirmation-alert>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";.dropdown-overlay{position:fixed;inset:0;z-index:2}.workflow-engine{background:#161b2fcc;position:fixed;inset:0;z-index:10}.workflow-engine button.close{position:absolute;background:transparent;cursor:pointer;border:none;font-size:16px;color:#000;top:8px;right:7px;z-index:12;display:flex;align-items:center;justify-content:center;border-radius:2px;padding:8px}.workflow-engine button.close.bulk-opened,.workflow-engine button.close.smiley-opened{z-index:10}.workflow-engine button.close:hover{background:#f1f1f1}.workflow-engine button.close.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-container{position:fixed;top:0;right:0;bottom:0;background:#fff;display:flex;z-index:10;border-top:3px solid #1E5DD3}.workflow-engine-container:before{content:\"\";height:30px;position:absolute;top:0;right:0;width:499px;z-index:11;background:linear-gradient(to bottom,#fff,#ffffffbf 66%,#ffffff6b 81%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#00ffffff\",GradientType=0)}@media screen and (max-width: 1280px){.workflow-engine-container.with-frequency:before{display:none}.workflow-engine-container.with-frequency button.close{display:none}.workflow-engine-container.with-frequency .workflow-engine-form{right:-470px}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-risk .workflw-risk{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-policy .workflow-policy{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}}.workflow-engine-container.with-preview-assessment:before{display:none}.workflow-engine-container.with-preview-assessment button.close{display:none}.workflow-engine-container.with-preview-assessment .workflow-engine-form{right:-470px}.workflow-engine-container.with-preview-assessment .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-preview-assessment .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-more{width:318px;padding:36px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px;scrollbar-width:none}@media screen and (max-height: 900px){.workflow-engine-more{padding:20px 22px 36px 40px}}.workflow-engine-more::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}.workflow-engine-more::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;position:absolute}.workflow-engine-more::-webkit-scrollbar-thumb{border-radius:1px;background-color:#dbdbdb;position:absolute}.workflow-engine-more.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-more.read-only{pointer-events:none}.workflow-engine-form{width:500px;position:relative}.workflow-engine-form .container{height:calc(100vh - 53px);padding:35px 24px 8px 62px;overflow:hidden;overflow-y:auto;margin-left:-22px;scrollbar-width:thin}.workflow-engine-form .container.disabled{pointer-events:none}.workflow-engine-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.workflow-engine-form button.submit{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0}.workflow-engine-form button.submit:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.submit.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form button.cancel{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#1e5dd3;background:#fff;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0;border:none;border-top:1px solid #F1F1F1;cursor:pointer}.workflow-engine-form button.cancel:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.cancel.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-form label.browse{padding:0;margin:0;display:block;position:sticky;bottom:0}.workflow-engine-form label.browse span{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%}.workflow-engine-form label.browse input{position:absolute;width:100%;height:100%;z-index:1;inset:0;opacity:0;cursor:pointer}.workflow-engine-form .file-browsed{display:flex;align-items:center;background:#fff;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1}.workflow-engine-form .file-browsed span{display:block;width:calc(100% - 164px);color:#161b2f;font-size:13px;font-weight:400;line-height:20px;padding:0 16px}.workflow-engine-form .file-browsed button{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:164px;bottom:0}.workflow-engine-form:after{content:\"\";height:30px;position:absolute;right:0;bottom:50px;z-index:10;background:linear-gradient(to bottom,#fff0,#ffffffbf 22%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffffff\",endColorstr=\"#ffffff\",GradientType=0)}.workflow-engine-form.no-shadow:after{display:none}.workflow-engine.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}.workflow-engine.bg{background:#fff}.program-business-cycle{background:#f2bf19;border-radius:0 0 .25rem .25rem;position:relative;top:-.25rem;z-index:1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n", "@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep input.textField{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;font-size:13px;color:#747576;padding:8px 12px;position:relative;height:2.5rem;width:100%;transition:all .2s ease-in-out}::ng-deep input.textField::placeholder{font-size:13px;color:#747576}::ng-deep input.textField:hover,::ng-deep input.textField:focus{outline:none;border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectBoxEnable:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#747576;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .selectBoxEnable:hover,::ng-deep .selectBoxEnable:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .selectBoxEnable.withBtn:after{display:none}::ng-deep .selectBoxEnable.withBtn button.setBtn{background:transparent;border-radius:0;border:none;min-width:98px}::ng-deep .selectBoxSuccess{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;min-height:2.5rem;position:relative}::ng-deep .selectBoxSuccess .selectBoxText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:22rem}::ng-deep .selectBoxSuccess button{background:transparent;border-radius:0;border:none}::ng-deep .selectBoxSuccess button.deleteBtn{color:#d93b41}::ng-deep .selectBoxSuccess .level-left{border-right:1px solid #f1f1f1;height:2.375rem;width:5rem}::ng-deep .selectBoxSuccess .level-left .level-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:4.5rem}::ng-deep .chipContainer{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem}::ng-deep .chipContainer .cross{cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chipContainer .cross:hover{background:#f1f1f1}::ng-deep .chipContainer .chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:6rem}::ng-deep .chipContainer .chipName.no-width{max-width:unset}::ng-deep .chipContainer .chipName.full-width{max-width:25rem}::ng-deep .chipContainer button.countBtn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem;margin:0 0 0 .5rem;padding:0 .25rem}::ng-deep .chipContainer button.countBtn.greenBg{background:#34aa44}::ng-deep .workflowLavel{background:#f1f1f1;border-radius:.125rem;color:#042e7d;min-width:1rem;height:1rem}::ng-deep .reviewSelection{border-radius:.25rem;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep .reviewSelection:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectButton{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectButton:hover,::ng-deep .selectButton:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep button.createNewBtn{background:transparent;border-radius:0;border:none}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:108px;display:flex;align-items:center}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative;transition:all .2s ease-in-out}::ng-deep .vx-form-group .tab-group:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 62px 16px 24px;display:flex;align-items:center;justify-content:space-between}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;margin:0;padding:0;inset:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:8px 0!important;text-align:center}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%;text-align:center}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:13px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;font-size:14px;font-weight:500;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group label.vx-control-panel i.depreciation-icon{color:#e4b700;font-size:16px;position:relative;top:3px}::ng-deep .vx-form-group label.vx-control-panel .checkpoint-version{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:10px;font-weight:600;line-height:14px;margin-left:4px;padding:0 2px}::ng-deep .vx-form-group input[type=text],::ng-deep .vx-form-group .input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{color:#747576;font-weight:400}::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group input[type=text]:hover,::ng-deep .vx-form-group .input:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group input[type=text].error,::ng-deep .vx-form-group .input.error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group input[type=text].error:focus,::ng-deep .vx-form-group .input.error:focus{box-shadow:0 0 5px #d31e1e45}::ng-deep .vx-form-group input[type=text]:disabled,::ng-deep .vx-form-group .input:disabled{background:#f1f1f1;cursor:not-allowed;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group input[type=text]:disabled:hover,::ng-deep .vx-form-group .input:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group input[type=text] span.text,::ng-deep .vx-form-group .input span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group input[type=text] .input-group,::ng-deep .vx-form-group .input .input-group{display:flex;align-items:center}::ng-deep .vx-form-group input[type=text] .input-group.counter,::ng-deep .vx-form-group .input .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group input[type=text] .input-group.counter button,::ng-deep .vx-form-group .input .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group input[type=text] .input-group.counter input,::ng-deep .vx-form-group .input .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button{appearance:none;margin:0}::ng-deep .vx-form-group input[type=text]+.file-list,::ng-deep .vx-form-group .input+.file-list{margin-top:8px}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder,::ng-deep .vx-form-group .input:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder,::ng-deep .vx-form-group .input::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{margin:0 4px 0 0;width:100%;position:relative;z-index:1}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected.first-field{z-index:2}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container.checkpoints{width:calc(100% - 120px)}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip.disabled{background:#f1f1f1;box-shadow:none;color:#747576;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question{display:flex;align-items:center;justify-content:space-between;width:100%}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.value{color:#1e5dd3;font-size:12px;font-weight:400;line-height:24px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 80px)}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected .chip-container .chip-inner{background:#fff;border-radius:2px;box-shadow:0 2px 4px #1e5dd31a;line-height:24px;padding:0 4px 0 8px;display:flex;align-items:center}::ng-deep .vx-form-group .selected .chip-container .chip-inner .chip{background:transparent;border-radius:0;box-shadow:none;height:auto;line-height:unset;padding:0;color:#747576;max-width:100px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count{border-radius:20px;height:16px;padding:0 6px;border:none;font-size:9px;line-height:16px;margin-left:4px;min-width:20px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count.user{background:#34aa44}::ng-deep .vx-form-group .selected .chip-container .chip-inner i.cross{cursor:pointer;position:relative;top:1px;font-size:8px}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:0 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:none;border-radius:0;background:transparent;outline:none;cursor:pointer;display:block;font-size:11px;font-weight:600;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd345;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group ::ng-deep vcomply-editor{margin-top:8px;display:block;pointer-events:auto!important;z-index:1}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px;position:static}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0;background:#fff}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:transparent;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:12px;position:absolute;left:12px;top:0;color:#747576;font-size:12px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group app-cs-radio.disabled{pointer-events:none;opacity:.5;filter:grayscale(1);background:#f1f1f1}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}::ng-deep .vx-form-group .risk-type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;padding:4px;position:relative;z-index:1}::ng-deep .vx-form-group .risk-type-field .type-item{width:50%;position:relative}::ng-deep .vx-form-group .risk-type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:left}::ng-deep .vx-form-group .risk-type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}::ng-deep .vx-form-group .risk-type-field .type-item .info.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item.active button{color:#1e5dd3!important}::ng-deep .vx-form-group .risk-type-field .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}::ng-deep .vx-form-group .risk-type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;width:212px;height:32px;z-index:-1;transition:.25s ease-out}.left{width:36px;height:36px;margin-top:26px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.disabled{-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;inset:2px 0 0 2px;background:#fff;opacity:.7;border-radius:50%;width:32px;height:32px}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group input,.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group .selectBoxEnable{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}.form-group-row.active .right .vx-form-group .selectBoxEnable.disabled{border-color:#dbdbdb;box-shadow:none}::ng-deep .radio-group-selector app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .radio-group-selector app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .radio-group-selector app-cs-radio label.radio-item .radio,::ng-deep .radio-group-selector app-cs-radio label.radio-item .radiomark{position:absolute!important;top:9px;left:12px}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value{font-size:11px!important;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0!important;max-width:100%!important;font-weight:500!important;color:#707070!important}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value i{font-size:12px;color:#1e5dd3}::ng-deep .radio-group-selector app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}::ng-deep .wf-action-list{width:220px}::ng-deep .wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}::ng-deep .wf-action-list ul.action-item{display:block}::ng-deep .wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}::ng-deep .wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}::ng-deep .wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}::ng-deep .wf-action-list ul.action-item li button:hover{background:#f3f3f3}::ng-deep .wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.within-con{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}::ng-deep .wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}::ng-deep .wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}::ng-deep .wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}::ng-deep .wf-action-list ul.action-item li .chip-item span.id{font-size:9px}::ng-deep .wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}::ng-deep .wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}::ng-deep .wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:8px;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:-3px;right:0;bottom:0;z-index:999;width:520px;height:calc(100vh + 3px)}::ng-deep .vx-overlay{position:fixed;z-index:3;inset:0}::ng-deep dp-date-picker{width:100%;position:fixed!important;z-index:14;top:-40px;left:0}::ng-deep dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}::ng-deep dp-date-picker input:focus{outline:none}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}::ng-deep .cdk-overlay-container{z-index:2147483002!important}::ng-deep .dp-popup{z-index:999;display:flex!important;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0000004d!important;box-shadow:unset!important}::ng-deep .dp-popup dp-day-calendar{width:412px!important;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep .dp-popup dp-day-calendar,::ng-deep .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep .dp-popup dp-day-calendar button,::ng-deep .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep .dp-popup dp-day-calendar .dp-weekdays,::ng-deep .dp-popup dp-month-calendar .dp-weekdays,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}::ng-deep span.file{display:block;width:20px;min-width:20px;border-radius:0 0 2px 2px;border:1px solid transparent;border-color:#747576;position:relative;margin-right:5px;border-top:none;margin-top:5px;background:#fff}::ng-deep span.file.table{margin-right:8px;width:18px;min-width:18px}::ng-deep span.file.table i{font-size:8px}::ng-deep span.file.table .format{height:8px;font-size:7px;line-height:8px;font-weight:400}::ng-deep span.file:before{position:absolute;border-radius:0;top:-4px;right:-1px;content:\"\";height:4px;width:4px;display:block;background:linear-gradient(45deg,#747576 0% 1%,#747576 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file:after{height:4px;left:-1px;right:3px;border-top:1px solid;border-right:none;border-left:1px solid;content:\"\";top:-4px;position:absolute;border-radius:2px 0 0;background:#fff}::ng-deep span.file .format{height:10px;font-size:6px;text-transform:uppercase;background:transparent;font-weight:600;text-align:center;display:block;line-height:10px}::ng-deep span.file i{font-size:10px;height:10px;display:flex;align-items:center;justify-content:center;color:#dbdbdb}::ng-deep span.file.docx{width:22px!important}::ng-deep span.file.pdf,::ng-deep span.file.template{border-color:#f31c39}::ng-deep span.file.pdf:before,::ng-deep span.file.template:before{background:linear-gradient(45deg,#f31c39 0% 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#f31c39\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.pdf:after,::ng-deep span.file.template:after{border-color:#f31c39}::ng-deep span.file.pdf .format,::ng-deep span.file.template .format{color:#f31c39}::ng-deep span.file.xlsx,::ng-deep span.file.xls,::ng-deep span.file.css,::ng-deep span.file.scss,::ng-deep span.file.less{border-color:#34aa44}::ng-deep span.file.xlsx:before,::ng-deep span.file.xls:before,::ng-deep span.file.css:before,::ng-deep span.file.scss:before,::ng-deep span.file.less:before{background:linear-gradient(45deg,#34aa44 0% 1%,#34aa44 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.xlsx:after,::ng-deep span.file.xls:after,::ng-deep span.file.css:after,::ng-deep span.file.scss:after,::ng-deep span.file.less:after{border-color:#34aa44;color:#34aa44}::ng-deep span.file.xlsx .format,::ng-deep span.file.xls .format,::ng-deep span.file.css .format,::ng-deep span.file.scss .format,::ng-deep span.file.less .format{color:#34aa44}::ng-deep span.file.doc,::ng-deep span.file.docx,::ng-deep span.file.psd{border-color:#1e5dd3}::ng-deep span.file.doc:before,::ng-deep span.file.docx:before,::ng-deep span.file.psd:before{background:linear-gradient(45deg,#1e5dd3 0% 1%,#1e5dd3 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.doc:after,::ng-deep span.file.docx:after,::ng-deep span.file.psd:after{border-color:#1e5dd3}::ng-deep span.file.doc .format,::ng-deep span.file.docx .format,::ng-deep span.file.psd .format{color:#1e5dd3}::ng-deep span.file.ppt,::ng-deep span.file.ai,::ng-deep span.file.html,::ng-deep span.file.jpg,::ng-deep span.file.jpeg,::ng-deep span.file.png{border-color:#f6882f}::ng-deep span.file.ppt:before,::ng-deep span.file.ai:before,::ng-deep span.file.html:before,::ng-deep span.file.jpg:before,::ng-deep span.file.jpeg:before,::ng-deep span.file.png:before{background:linear-gradient(45deg,#f6882f 0% 1%,#f6882f 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.ppt:after,::ng-deep span.file.ai:after,::ng-deep span.file.html:after,::ng-deep span.file.jpg:after,::ng-deep span.file.jpeg:after,::ng-deep span.file.png:after{border-color:#f6882f}::ng-deep span.file.ppt .format,::ng-deep span.file.ai .format,::ng-deep span.file.html .format,::ng-deep span.file.jpg .format,::ng-deep span.file.jpeg .format,::ng-deep span.file.png .format{color:#f6882f}::ng-deep span.file.php{border-color:#7aa6f7}::ng-deep span.file.php:before{background:linear-gradient(45deg,#7aa6f7 0% 1%,#7aa6f7 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.php:after{border-color:#7aa6f7}::ng-deep span.file.php .format{color:#7aa6f7}::ng-deep ngx-material-timepicker-container .timepicker-backdrop-overlay{background-color:#0000000d!important;z-index:9999999999!important}::ng-deep ngx-material-timepicker-container .timepicker-overlay{z-index:9999999999!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker{width:232px!important;border-radius:2px!important;box-shadow:0 4px 30px #161b2f26!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header{background-color:#fff!important;padding:0!important;border-radius:2px 2px 0 0}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container{display:block!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time{color:#000!important;width:150px!important;margin:0 auto;line-height:60px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control{font-size:40px;background-color:transparent!important;color:#000!important;font-weight:600;text-align:right;caret-color:transparent;outline:none;font-family:Poppins;line-height:56px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:focus,::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:hover{background-color:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control:last-of-type .timepicker-dial__control{text-align:left}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time span{padding:0 8px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period{display:flex!important;width:182px;margin:0 auto!important;background:#f1f1f1;padding:4px 10px;border-radius:20px;position:relative}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period:before{background:#f1f1f1;content:\"\";position:absolute;top:15px;left:-25px;width:calc(100% + 50px);height:2px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period{flex-direction:unset!important;position:relative;z-index:1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:after{content:\"\";position:absolute;right:-12px;top:0;border-left:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:before{content:\"\";position:absolute;left:-18px;top:0;border-right:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button{font-size:11px;background-color:transparent;padding:0;border-radius:20px;color:#747576;font-weight:600;font-family:Poppins;width:84px;height:24px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button.timepicker-dial__item_active{background:#fff!important;color:#1e5dd3!important;box-shadow:0 1px 2px #dbdbdb}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button+button{margin-left:0!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face{width:200px!important;height:200px!important;padding:10px!important;background:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer{height:92px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span{color:#000}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span.active{color:#fff}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand{height:80px!important;top:calc(50% - 80px)!important;background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number>span.active{background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand_minute:before{border:4px solid #1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions{display:flex!important;padding:10px 0 0!important;background:#fff!important;justify-content:space-around!important;border-radius:0 0 2px 2px!important;overflow:hidden}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div:first-child ngx-material-timepicker-button button.timepicker-button{background:#f8f8f8;color:#1e5dd3}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button{line-height:28px!important;width:100%;background:#1e5dd3;color:#fff;border-radius:0!important;height:32px!important;width:116px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button span{font-weight:500!important;font-size:11px;font-family:Poppins}::ng-deep vcomply-editor{display:block}::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep vcomply-editor .editor-container:hover,::ng-deep vcomply-editor .editor-container:focus-within{border:1px solid #1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep vcomply-editor .editor-container mention-list ul li a{font-size:16px!important}::ng-deep vcomply-editor .editor-container .editable-block{background:#fff;min-height:60px;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep vcomply-editor .editor-container .editor-tools{border-top:1px solid #dbdbdb;border-radius:0 0 3px 3px}::ng-deep vcomply-editor .editor-container .editor-tools:hover{border-color:#1e5dd3}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep marx-modal .popup-modal-background{background-color:#161b2fcc!important}::ng-deep .within-box{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .within-value{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.wf-tooltip{pointer-events:none;position:absolute;max-width:300px;font-size:12px;text-align:left;color:#fff;padding:8px 12px;background:#000;border-radius:2px;z-index:-222;top:0;opacity:0;white-space:break-spaces;word-break:break-word}.wf-tooltip *{color:#fff!important}.wf-tooltip:empty{display:none!important}.wf-tooltip.white{box-shadow:0 2px 8px #1c5bd159;color:#747576;background:#fff;text-align:left}.wf-tooltip.white b{color:#747576!important}.wf-tooltip.animate-top{animation:animate-top .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-right{animation:animate-right .3s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-bottom{animation:animate-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-left{animation:animate-left .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-left.white:after{border-color:transparent transparent transparent #f1f1f1}.wf-tooltip-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #000000}.wf-tooltip-right.white:after{border-color:transparent #f1f1f1 transparent transparent}.wf-tooltip-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #000000 transparent transparent}.wf-tooltip-bottom-right:after{bottom:100%;left:100%;margin-left:-20px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-right.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-bottom-left:after{bottom:100%;left:0;margin-left:10px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-left.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-top-left:after{top:100%;left:0;margin-left:10px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-left.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-top-right:after{top:100%;left:100%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-right.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip:after{content:\"\";position:absolute;border-style:solid}.wf-tooltip span.within{font-size:80%;display:block;width:100%}.wf-tooltip .small{display:block;font-size:10px}.wf-tooltip .within-box{background:#f1f1f1;border-radius:2px;color:#042e7d!important;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 2px;margin-right:2px}.wf-tooltip-show{pointer-events:none;opacity:1;z-index:2147483001}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: SnackBarComponent, selector: "app-snack-bar" }, { kind: "component", type: GrcObjectContainerComponent, selector: "lib-grc-object-container", inputs: ["grcType", "MODE", "ID"], outputs: ["populateOption", "pickerChanged", "closeWorkflow", "disconnectRefresh", "resetForm", "hideElementsFromMoreOptions"] }, { kind: "component", type: WorkflowCaseComponent, selector: "app-workflow-case", inputs: ["openedFrom", "source", "caseId", "mode", "workflowType", "responsibilityData", "assessmentQuestion"], outputs: ["closeWorkflow", "populateOption", "caseReportedBy", "userListEmitter"] }, { kind: "component", type: WorkflowRiskComponent, selector: "app-workflow-risk", inputs: ["feature", "mode", "riskId", "defaultRiskType", "moveToRegisterMode", "secondaryOpenPortal", "openedFrom"], outputs: ["showConfirmationAlert", "pickerChanged", "populateOption", "closeWorkflow", "disconnectRefresh", "refreshForm", "hideElementsFromMoreOptions", "rcSelected"] }, { kind: "component", type: WorkflowComplianceComponent, selector: "app-workflow-compliance", inputs: ["mode", "responsibilityId", "frameworkDetails", "isEntrust", "feature", "assessmentDetails", "closeOnEsc", "orgDetails", "openedFrom", "selectedRC", "selectedProgram"], outputs: ["pickerChanged", "populateOption", "hideElementsFromMoreOptions", "closeWorkflow", "resetForm", "disconnectRefresh", "checkpointCountUpdated", "rcSelected", "onRemovingCheckpoint", "isAssessmentDisabled", "assigneeTypeChange", "onReviewerTypeChange"] }, { kind: "component", type: WorkflowPolicyComponent, selector: "app-workflow-policy", inputs: ["mode", "policyId", "feature", "convertFileData", "selectedCategory", "isSendForAttestation", "templateId"], outputs: ["pickerChanged", "showConfirmationAlert", "populateOption", "disconnectRefresh", "shiftToEditMode"] }, { kind: "component", type: MoreOptionComponent, selector: "app-more-option", inputs: ["currentWorkflow", "openedFrom", "isEditMode", "isRCSelected", "isProgramSelected", "allowedFeature", "orgDetailsData", "isAttributesAvailable"], outputs: ["selectedOption"] }, { kind: "component", type: AddMultipleRiskComponent, selector: "app-add-multiple-risk", inputs: ["feature"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "disconnectRefresh"] }, { kind: "component", type: ConfirmationAlertComponent, selector: "app-confirmation-alert", inputs: ["message", "config"], outputs: ["action"] }, { kind: "component", type: WorkflowSurveyFormComponent, selector: "app-workflow-survey-form" }, { kind: "component", type: LogAnIssueComponent, selector: "app-log-an-issue", inputs: ["openedFrom", "source", "issueId", "reponsibilityData", "assessmentQuestion", "issueDetails", "mode", "config", "responsibilitiesData"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "modeChange", "disconnectRefresh"] }, { kind: "component", type: WorkflowAssessmentComponent, selector: "app-workflow-assessment", inputs: ["mode", "assessmentId", "openedFrom"], outputs: ["disconnectRefresh", "pickerChanged", "closeWorkflow"] }, { kind: "component", type: ImportAnAssessmentComponent, selector: "app-import-an-assessment", outputs: ["closeWorkflow", "disconnectRefresh"] }, { kind: "component", type: WorkflowProgramComponent, selector: "app-workflow-program", inputs: ["canFrameworkChange", "mode", "programId", "programType", "allowedFeature", "addToProgramDetails", "orgDetails"], outputs: ["pickerChanged", "populateOption", "closeWorkflow", "showConfirmationAlert", "disconnectRefresh", "refreshForm", "hideElementsFromMoreOptions", "onRemovingRole", "disableElementsFromMoreOptions"] }, { kind: "component", type: AddMultipleResponsibilityContainerComponent, selector: "lib-add-multiple-responsibility-container", inputs: ["feature", "orgDetails"], outputs: ["closeWorkflow"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: UserPipe, name: "userPipe" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkflowEngineContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-vcomply-workflow-engine-container', template: "<app-snack-bar></app-snack-bar>\n<div class=\"workflow-engine-overlay\"></div>\n<div\n  class=\"workflow-engine\"\n  [class.animate]=\"animation\"\n  [class.bg]=\"\n    (!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) &&\n    !policy?.showCreateDocuments\n  \"\n>\n  <div\n    class=\"workflow-engine-container\"\n    [ngSwitch]=\"currentWorkflow?.code\"\n    [class.with-preview-assessment]=\"(auth?.previewPanel | async) === true\"\n    [class.with-frequency]=\"\n      compliance?.activeSelector === 'frequency' ||\n      compliance?.activeSelector === 'reviewerFrequency' ||\n      riskComponent?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'reviewerFrequency'\n    \"\n  >\n    <button\n      (click)=\"closeWorkflowEngine()\"\n      id=\"close-workflow-engine-btn\"\n      class=\"close\"\n      [appTooltip]=\"'[Esc] to close'\"\n      placement=\"left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"true\"\n      [class.disabled]=\"\n        confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\n      \"\n      [class.smiley-opened]=\"\n        riskComponent?.showSmiley ||\n        logIssueComponent?.showSmiley ||\n        compliance?.showSmiley ||\n        policy?.showCreateDocuments ||\n        responsibilityBulkUpload?.showSmiley ||\n        responsibilityBulkUpload?.showExcel ||\n        riskBulkUpload?.showSmiley ||\n        riskBulkUpload?.showExcel ||\n        program?.showSmiley ||\n        importAnAssessment?.showSmiley\n      \"\n    >\n      <i class=\"icons\">&#xe93f;</i>\n    </button>\n    <div\n      *ngIf=\"!uiKitService.isSmileyOn\"\n      class=\"workflow-engine-more\"\n      [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.read-only]=\"uiKitService?.isLoader\"\n    >\n      <app-more-option\n        #moreOption\n        [currentWorkflow]=\"currentWorkflow?.code\"\n        [isEditMode]=\"mode === 'EDIT'\"\n        [isRCSelected]=\"\n          isRCSelected ||\n          (currentWorkflow?.code === 'GRC' &&\n            grcObject?.listObject.RC.selectedData?.length > 0)\n        \"\n        [openedFrom]=\"openedFrom\"\n        (selectedOption)=\"addMoreInfo($event)\"\n        [isProgramSelected]=\"selectedProgram\"\n        [allowedFeature]=\"feature\"\n        [orgDetailsData]=\"orgDetails\"\n        [isAttributesAvailable]=\"\n          currentWorkflow?.code === 'GRC' &&\n          grcObject?.selectedAttributes?.attributes?.length > 0\n        \"\n      >\n      </app-more-option>\n    </div>\n    <div\n      class=\"workflow-engine-form\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.no-shadow]=\"\n        currentWorkflow?.code == 'AMR' ||\n        currentWorkflow?.code == 'CMR' ||\n        currentWorkflow?.code == 'AAA' ||\n        uiKitService.isSmileyOn ||\n        policy?.showCreateDocuments\n      \"\n    >\n      <div class=\"container\" (scroll)=\"scrollForm()\">\n        <ng-container\n          *ngIf=\"\n            !['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(\n              openedFrom\n            )\n          \"\n        >\n          <div\n            *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\"\n            class=\"form-group-row\"\n            #dropdownRow\n            [class.disabled]=\"\n              (mode === 'EDIT' ||\n                !isWorkflowSelectorEnabled ||\n                disableWorkflowChange ||\n                selectedProgram) &&\n              currentWorkflow?.code !== 'ACTW'\n            \"\n          >\n            <div class=\"left\" [class.checked]=\"currentWorkflow\">\n              <svg\n                class=\"checkIcon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 52 52\"\n              >\n                <circle\n                  class=\"checkIcon__circle\"\n                  cx=\"26\"\n                  cy=\"26\"\n                  r=\"25\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"checkIcon__check\"\n                  fill=\"none\"\n                  d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\n                />\n              </svg>\n            </div>\n            <div class=\"right\">\n              <div class=\"vx-form-group\" #dropdown>\n                <label\n                  *ngIf=\"currentWorkflow?.code !== 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Select a Workflow<span class=\"required\">*</span></label\n                >\n                <label\n                  *ngIf=\"currentWorkflow?.code === 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Assign a Case to Workflow<span class=\"required\"\n                    >*</span\n                  ></label\n                >\n                <div\n                  class=\"select\"\n                  *ngIf=\"!currentWorkflow && currentWorkflow?.code !== 'ACTW'\"\n                  (click)=\"editWorkflow()\"\n                >\n                  <input type=\"text\" placeholder=\"Select a Workflow\" readonly />\n                </div>\n                <div class=\"selected first-field\" *ngIf=\"currentWorkflow\">\n                  <!-- {{currentWorkflow | json}} -->\n                  <div\n                    class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n                  >\n                    <span\n                      class=\"chipName vx-fs-11 vx-label-txt no-width\"\n                      [appTooltip]=\"currentWorkflow?.workflowName\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                      [innerHTML]=\"\n                        workflowType === 'ACTW'\n                          ? '<strong>Case Reported By: </strong>' +\n                            (reportBy | userPipe : userList)?.member_name\n                          : currentWorkflow?.workflowName\n                      \"\n                    >\n                    </span>\n                  </div>\n                  <!-- <div class=\"chip-container\">\n                                    <span class=\"chip\" [class.disabled]=\"false\">{{currentWorkflow?.workflowName}}</span>\n                                </div> -->\n                  <button\n                    class=\"edit\"\n                    type=\"button\"\n                    (click)=\"editWorkflow()\"\n                    *ngIf=\"\n                      !workflowList &&\n                      openedFrom != 'ASSESSMENT' &&\n                      currentWorkflow?.code !== 'ACTW'\n                    \"\n                  >\n                    <i class=\"icons\">&#xe9ba;</i> Edit\n                  </button>\n                </div>\n                <div\n                  *ngIf=\"\n                    currentWorkflow?.code === 'CAPR' &&\n                    currentBusinessCycle &&\n                    !programSimplifyFlag\n                  \"\n                  class=\"program-business-cycle vx-fs-11 vx-txt-white vx-d-flex vx-align-center vx-pt-2 vx-pb-1 vx-pl-2 vx-pr-1\"\n                >\n                  <i class=\"icons vx-fs-12 vx-mr-1\">&#xe963;</i> This program is\n                  being set-up for the business cycle:\n                  <span class=\"vx-fw-600 vx-ml-1\">{{\n                    currentBusinessCycle\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-container>\n        <!-- <app-create-documents></app-create-documents> -->\n        <!-- <app-bulk-view></app-bulk-view> -->\n        <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\n        <app-workflow-compliance\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          [orgDetails]=\"orgDetails\"\n          [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust'\"\n          [responsibilityId]=\"id\"\n          [mode]=\"mode\"\n          [frameworkDetails]=\"frameworkDetails\"\n          [assessmentDetails]=\"assessmentDetails\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CAR'\"\n          #responsibility\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          [selectedRC]=\"selectedRC\"\n          [closeOnEsc]=\"closeOnEsc\"\n          (assigneeTypeChange)=\"assigneeTypeChange($event)\"\n          (onReviewerTypeChange)=\"onReviewerChange($event)\"\n          [feature]=\"feature\"\n          [openedFrom]=\"openedFrom\"\n          (rcSelected)=\"onRcSelected($event)\"\n          (resetForm)=\"onResetForm()\"\n          (onRemovingCheckpoint)=\"onRemovingCheckpoint($event, false, true)\"\n          (isAssessmentDisabled)=\"isAssessmentDisabled($event)\"\n          (checkpointCountUpdated)=\"checkpointCount = $event\"\n          [selectedProgram]=\"selectedProgram\"\n        ></app-workflow-compliance>\n        <app-workflow-risk\n          [secondaryOpenPortal]=\"secondaryOpenPortal\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAR'\"\n          #risk\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          (rcSelected)=\"onRcSelected($event)\"\n          [mode]=\"mode\"\n          [riskId]=\"id\"\n          [feature]=\"feature\"\n        ></app-workflow-risk>\n        <app-workflow-policy\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'CAP'\"\n          #policy\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (shiftToEditMode)=\"shiftToEditMode()\"\n          [feature]=\"feature\"\n          [policyId]=\"id\"\n          [mode]=\"mode\"\n          [templateId]=\"templateId\"\n          [convertFileData]=\"convertFileData\"\n          [selectedCategory]=\"selectedCategory\"\n          [isSendForAttestation]=\"isSendForAttestation\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n        ></app-workflow-policy>\n        <app-workflow-survey-form\n          *ngSwitchCase=\"'CAS'\"\n          #surveyForm\n        ></app-workflow-survey-form>\n        <app-add-multiple-risk\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AMR'\"\n          #multipleRisk\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          [feature]=\"feature\"\n        ></app-add-multiple-risk>\n        <!-- <app-add-multiple-responsibility  (disconnectRefresh)=\"isHostRefreshActive = $event\"    (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\n                </app-add-multiple-responsibility> -->\n\n        <lib-add-multiple-responsibility-container\n          [orgDetails]=\"orgDetails\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CMR'\"\n          [feature]=\"feature\"\n          #multipleResponsibility\n        ></lib-add-multiple-responsibility-container>\n        <!-- New Log an Issue -->\n        <app-log-an-issue\n          [issueDetails]=\"issueData\"\n          *ngSwitchCase=\"'LAI'\"\n          [reponsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [issueId]=\"id\"\n          #logAnIssue\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          [(mode)]=\"mode\"\n        >\n        </app-log-an-issue>\n        <!-- Old Log an issue -->\n        <!-- <app-log-an-issue *ngSwitchCase=\"'LAI'\" [responsibilitiesData]=\"reponsibiltyData\" [openedFrom]=\"openedFrom\"\n                #logAnIssue (closeWorkflow)=\"closeWorkflowEngine($event)\"\n                (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\">\n            </app-log-an-issue> -->\n\n        <app-workflow-assessment\n          [assessmentId]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          #assessment\n        ></app-workflow-assessment>\n        <app-import-an-assessment\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'IAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          #importAssessment\n        ></app-import-an-assessment>\n        <!-- <app-workflow-program #program *ngSwitchCase=\"'CAPR'\" (pickerChanged)=\"decideViewMoreOption($event)\" (disconnectRefresh)=\"isHostRefreshActive = $event\"></app-workflow-program> -->\n        <app-workflow-program\n          #program\n          *ngSwitchCase=\"'CAPR'\"\n          [orgDetails]=\"orgDetails\"\n          [allowedFeature]=\"feature\"\n          (disableElementsFromMoreOptions)=\"disableMoreOptions('CAPR', $event)\"\n          [programType]=\"programType\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          [programId]=\"id\"\n          (onRemovingRole)=\"onRemovingRole($event)\"\n          [canFrameworkChange]=\"canFrameworkChange\"\n          [addToProgramDetails]=\"addToProgramDetails\"\n        ></app-workflow-program>\n\n        <!-- GRC Object -->\n        <lib-grc-object-container\n          #grcObject\n          *ngSwitchCase=\"'GRC'\"\n          [grcType]=\"grcType\"\n          [MODE]=\"mode\"\n          [ID]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (resetForm)=\"onResetGRCForm()\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n        ></lib-grc-object-container>\n\n        <!-- Report a Case -->\n        <app-workflow-case\n          *ngSwitchCase=\"'RAC'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n        <!-- Assign case to workflow -->\n        <app-workflow-case\n          *ngSwitchCase=\"'ACTW'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [workflowType]=\"'ACTW'\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (caseReportedBy)=\"caseReportedBy($event)\"\n          (userListEmitter)=\"userListEmitter($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n      </div>\n      <div\n        *ngIf=\"['RAC', 'ACTW'].includes(currentWorkflow?.code)\"\n        class=\"vx-d-flex\"\n      >\n        <button\n          class=\"cancel\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"cancel()\"\n        >\n          CANCEL\n        </button>\n        <button\n          class=\"submit\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"submit()\"\n        >\n          {{\n            mode === \"EDIT\" && currentWorkflow?.code === \"RAC\"\n              ? \"Update\"\n              : \"Report\"\n          }}\n        </button>\n      </div>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAR'\"\n        (click)=\"submit()\"\n      >\n        {{\n          mode === \"EDIT\" && openedFrom !== \"MOVE_TO_REGISTER\"\n            ? \"Update\"\n            : \"Add\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"\n          !isWorkflowSelectorEnabled ||\n          !riskBulkUpload?.category?.selectedCategory\n        \"\n        (click)=\"bulkUploadBrowse('AMR')\"\n        *ngSwitchCase=\"'AMR'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('CMR')\"\n        *ngSwitchCase=\"'CMR'\"\n      >\n        Browse\n      </button>\n\n      <!-- This has ternary operation to handle the both scenarios of how it works with compliance and program module, please don't change this. -->\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAR'\"\n      >\n        {{\n          entrustButtonName !== \"\" && mode !== \"EDIT\"\n            ? entrustButtonName\n            : mode === \"EDIT\"\n            ? \"UPDATE\"\n            : \"Entrust\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAP'\"\n      >\n        {{\n          mode == \"EDIT\"\n            ? isSendForAttestation\n              ? \"Send for attestation\"\n              : \"Update\"\n            : \"Continue to draft\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'CAS'\"\n      >\n        Continue to draft\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'LAI'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Add\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAA'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Continue to draft\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('IAA')\"\n        *ngSwitchCase=\"'IAA'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button class=\"submit\" (click)=\"submit()\" *ngSwitchCase=\"'GRC'\">\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <div\n        class=\"dropdown\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n        [style.top.px]=\"dropdownTop\"\n        [style.left.px]=\"dropdownLeft\"\n        [style.width.px]=\"dropdownWidth\"\n      >\n        <ul class=\"dropdown-list\">\n          <li\n            *ngFor=\"let workflow of workflowTypeList\"\n            (click)=\"changeWorkflow($event, workflow)\"\n          >\n            <app-cs-radio\n              [value]=\"workflow?.code\"\n              [checked]=\"currentWorkflow?.code === workflow?.code\"\n            >\n              {{ workflow?.workflowName }}</app-cs-radio\n            >\n          </li>\n        </ul>\n      </div>\n      <div\n        class=\"dropdown-overlay\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n      ></div>\n    </div>\n    <app-confirmation-alert\n      id=\"confirmation-dialogue\"\n      (action)=\"confirmWorkflowChange($event)\"\n      *ngIf=\"confirmationAlertConfig?.isVisible\"\n      [message]=\"confirmationAlertConfig?.message\"\n      [config]=\"confirmationAlertConfig\"\n    ></app-confirmation-alert>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";.dropdown-overlay{position:fixed;inset:0;z-index:2}.workflow-engine{background:#161b2fcc;position:fixed;inset:0;z-index:10}.workflow-engine button.close{position:absolute;background:transparent;cursor:pointer;border:none;font-size:16px;color:#000;top:8px;right:7px;z-index:12;display:flex;align-items:center;justify-content:center;border-radius:2px;padding:8px}.workflow-engine button.close.bulk-opened,.workflow-engine button.close.smiley-opened{z-index:10}.workflow-engine button.close:hover{background:#f1f1f1}.workflow-engine button.close.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-container{position:fixed;top:0;right:0;bottom:0;background:#fff;display:flex;z-index:10;border-top:3px solid #1E5DD3}.workflow-engine-container:before{content:\"\";height:30px;position:absolute;top:0;right:0;width:499px;z-index:11;background:linear-gradient(to bottom,#fff,#ffffffbf 66%,#ffffff6b 81%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#00ffffff\",GradientType=0)}@media screen and (max-width: 1280px){.workflow-engine-container.with-frequency:before{display:none}.workflow-engine-container.with-frequency button.close{display:none}.workflow-engine-container.with-frequency .workflow-engine-form{right:-470px}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-risk .workflw-risk{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-policy .workflow-policy{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}}.workflow-engine-container.with-preview-assessment:before{display:none}.workflow-engine-container.with-preview-assessment button.close{display:none}.workflow-engine-container.with-preview-assessment .workflow-engine-form{right:-470px}.workflow-engine-container.with-preview-assessment .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-preview-assessment .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-more{width:318px;padding:36px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px;scrollbar-width:none}@media screen and (max-height: 900px){.workflow-engine-more{padding:20px 22px 36px 40px}}.workflow-engine-more::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}.workflow-engine-more::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;position:absolute}.workflow-engine-more::-webkit-scrollbar-thumb{border-radius:1px;background-color:#dbdbdb;position:absolute}.workflow-engine-more.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-more.read-only{pointer-events:none}.workflow-engine-form{width:500px;position:relative}.workflow-engine-form .container{height:calc(100vh - 53px);padding:35px 24px 8px 62px;overflow:hidden;overflow-y:auto;margin-left:-22px;scrollbar-width:thin}.workflow-engine-form .container.disabled{pointer-events:none}.workflow-engine-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.workflow-engine-form button.submit{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0}.workflow-engine-form button.submit:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.submit.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form button.cancel{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#1e5dd3;background:#fff;cursor:pointer;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0;border:none}.workflow-engine-form button.cancel:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.cancel.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-form label.browse{padding:0;margin:0;display:block;position:sticky;bottom:0}.workflow-engine-form label.browse span{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%}.workflow-engine-form label.browse input{position:absolute;width:100%;height:100%;z-index:1;inset:0;opacity:0;cursor:pointer}.workflow-engine-form .file-browsed{display:flex;align-items:center;background:#fff;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1}.workflow-engine-form .file-browsed span{display:block;width:calc(100% - 164px);color:#161b2f;font-size:13px;font-weight:400;line-height:20px;padding:0 16px}.workflow-engine-form .file-browsed button{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:164px;bottom:0}.workflow-engine-form:after{content:\"\";height:30px;position:absolute;right:0;bottom:50px;z-index:10;background:linear-gradient(to bottom,#fff0,#ffffffbf 22%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffffff\",endColorstr=\"#ffffff\",GradientType=0)}.workflow-engine-form.no-shadow:after{display:none}.workflow-engine.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}.workflow-engine.bg{background:#fff}.program-business-cycle{background:#f2bf19;border-radius:0 0 .25rem .25rem;position:relative;top:-.25rem;z-index:1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n", "@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep input.textField{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;font-size:13px;color:#747576;padding:8px 12px;position:relative;height:2.5rem;width:100%;transition:all .2s ease-in-out}::ng-deep input.textField::placeholder{font-size:13px;color:#747576}::ng-deep input.textField:hover,::ng-deep input.textField:focus{outline:none;border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectBoxEnable:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#747576;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .selectBoxEnable:hover,::ng-deep .selectBoxEnable:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .selectBoxEnable.withBtn:after{display:none}::ng-deep .selectBoxEnable.withBtn button.setBtn{background:transparent;border-radius:0;border:none;min-width:98px}::ng-deep .selectBoxSuccess{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;min-height:2.5rem;position:relative}::ng-deep .selectBoxSuccess .selectBoxText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:22rem}::ng-deep .selectBoxSuccess button{background:transparent;border-radius:0;border:none}::ng-deep .selectBoxSuccess button.deleteBtn{color:#d93b41}::ng-deep .selectBoxSuccess .level-left{border-right:1px solid #f1f1f1;height:2.375rem;width:5rem}::ng-deep .selectBoxSuccess .level-left .level-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:4.5rem}::ng-deep .chipContainer{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem}::ng-deep .chipContainer .cross{cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chipContainer .cross:hover{background:#f1f1f1}::ng-deep .chipContainer .chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:6rem}::ng-deep .chipContainer .chipName.no-width{max-width:unset}::ng-deep .chipContainer .chipName.full-width{max-width:25rem}::ng-deep .chipContainer button.countBtn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem;margin:0 0 0 .5rem;padding:0 .25rem}::ng-deep .chipContainer button.countBtn.greenBg{background:#34aa44}::ng-deep .workflowLavel{background:#f1f1f1;border-radius:.125rem;color:#042e7d;min-width:1rem;height:1rem}::ng-deep .reviewSelection{border-radius:.25rem;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep .reviewSelection:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectButton{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectButton:hover,::ng-deep .selectButton:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep button.createNewBtn{background:transparent;border-radius:0;border:none}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:108px;display:flex;align-items:center}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative;transition:all .2s ease-in-out}::ng-deep .vx-form-group .tab-group:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 62px 16px 24px;display:flex;align-items:center;justify-content:space-between}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;margin:0;padding:0;inset:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:8px 0!important;text-align:center}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%;text-align:center}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:13px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;font-size:14px;font-weight:500;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group label.vx-control-panel i.depreciation-icon{color:#e4b700;font-size:16px;position:relative;top:3px}::ng-deep .vx-form-group label.vx-control-panel .checkpoint-version{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:10px;font-weight:600;line-height:14px;margin-left:4px;padding:0 2px}::ng-deep .vx-form-group input[type=text],::ng-deep .vx-form-group .input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{color:#747576;font-weight:400}::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group input[type=text]:hover,::ng-deep .vx-form-group .input:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group input[type=text].error,::ng-deep .vx-form-group .input.error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group input[type=text].error:focus,::ng-deep .vx-form-group .input.error:focus{box-shadow:0 0 5px #d31e1e45}::ng-deep .vx-form-group input[type=text]:disabled,::ng-deep .vx-form-group .input:disabled{background:#f1f1f1;cursor:not-allowed;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group input[type=text]:disabled:hover,::ng-deep .vx-form-group .input:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group input[type=text] span.text,::ng-deep .vx-form-group .input span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group input[type=text] .input-group,::ng-deep .vx-form-group .input .input-group{display:flex;align-items:center}::ng-deep .vx-form-group input[type=text] .input-group.counter,::ng-deep .vx-form-group .input .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group input[type=text] .input-group.counter button,::ng-deep .vx-form-group .input .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group input[type=text] .input-group.counter input,::ng-deep .vx-form-group .input .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button{appearance:none;margin:0}::ng-deep .vx-form-group input[type=text]+.file-list,::ng-deep .vx-form-group .input+.file-list{margin-top:8px}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder,::ng-deep .vx-form-group .input:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder,::ng-deep .vx-form-group .input::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{margin:0 4px 0 0;width:100%;position:relative;z-index:1}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected.first-field{z-index:2}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container.checkpoints{width:calc(100% - 120px)}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip.disabled{background:#f1f1f1;box-shadow:none;color:#747576;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question{display:flex;align-items:center;justify-content:space-between;width:100%}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.value{color:#1e5dd3;font-size:12px;font-weight:400;line-height:24px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 80px)}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected .chip-container .chip-inner{background:#fff;border-radius:2px;box-shadow:0 2px 4px #1e5dd31a;line-height:24px;padding:0 4px 0 8px;display:flex;align-items:center}::ng-deep .vx-form-group .selected .chip-container .chip-inner .chip{background:transparent;border-radius:0;box-shadow:none;height:auto;line-height:unset;padding:0;color:#747576;max-width:100px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count{border-radius:20px;height:16px;padding:0 6px;border:none;font-size:9px;line-height:16px;margin-left:4px;min-width:20px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count.user{background:#34aa44}::ng-deep .vx-form-group .selected .chip-container .chip-inner i.cross{cursor:pointer;position:relative;top:1px;font-size:8px}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:0 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:none;border-radius:0;background:transparent;outline:none;cursor:pointer;display:block;font-size:11px;font-weight:600;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd345;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group ::ng-deep vcomply-editor{margin-top:8px;display:block;pointer-events:auto!important;z-index:1}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px;position:static}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0;background:#fff}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:transparent;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:12px;position:absolute;left:12px;top:0;color:#747576;font-size:12px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group app-cs-radio.disabled{pointer-events:none;opacity:.5;filter:grayscale(1);background:#f1f1f1}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}::ng-deep .vx-form-group .risk-type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;padding:4px;position:relative;z-index:1}::ng-deep .vx-form-group .risk-type-field .type-item{width:50%;position:relative}::ng-deep .vx-form-group .risk-type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:left}::ng-deep .vx-form-group .risk-type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}::ng-deep .vx-form-group .risk-type-field .type-item .info.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item.active button{color:#1e5dd3!important}::ng-deep .vx-form-group .risk-type-field .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}::ng-deep .vx-form-group .risk-type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;width:212px;height:32px;z-index:-1;transition:.25s ease-out}.left{width:36px;height:36px;margin-top:26px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.disabled{-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;inset:2px 0 0 2px;background:#fff;opacity:.7;border-radius:50%;width:32px;height:32px}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group input,.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group .selectBoxEnable{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}.form-group-row.active .right .vx-form-group .selectBoxEnable.disabled{border-color:#dbdbdb;box-shadow:none}::ng-deep .radio-group-selector app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .radio-group-selector app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .radio-group-selector app-cs-radio label.radio-item .radio,::ng-deep .radio-group-selector app-cs-radio label.radio-item .radiomark{position:absolute!important;top:9px;left:12px}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value{font-size:11px!important;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0!important;max-width:100%!important;font-weight:500!important;color:#707070!important}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value i{font-size:12px;color:#1e5dd3}::ng-deep .radio-group-selector app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}::ng-deep .wf-action-list{width:220px}::ng-deep .wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}::ng-deep .wf-action-list ul.action-item{display:block}::ng-deep .wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}::ng-deep .wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}::ng-deep .wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}::ng-deep .wf-action-list ul.action-item li button:hover{background:#f3f3f3}::ng-deep .wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.within-con{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}::ng-deep .wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}::ng-deep .wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}::ng-deep .wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}::ng-deep .wf-action-list ul.action-item li .chip-item span.id{font-size:9px}::ng-deep .wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}::ng-deep .wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}::ng-deep .wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:8px;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:-3px;right:0;bottom:0;z-index:999;width:520px;height:calc(100vh + 3px)}::ng-deep .vx-overlay{position:fixed;z-index:3;inset:0}::ng-deep dp-date-picker{width:100%;position:fixed!important;z-index:14;top:-40px;left:0}::ng-deep dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}::ng-deep dp-date-picker input:focus{outline:none}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}::ng-deep .cdk-overlay-container{z-index:2147483002!important}::ng-deep .dp-popup{z-index:999;display:flex!important;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0000004d!important;box-shadow:unset!important}::ng-deep .dp-popup dp-day-calendar{width:412px!important;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep .dp-popup dp-day-calendar,::ng-deep .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep .dp-popup dp-day-calendar button,::ng-deep .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep .dp-popup dp-day-calendar .dp-weekdays,::ng-deep .dp-popup dp-month-calendar .dp-weekdays,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}::ng-deep span.file{display:block;width:20px;min-width:20px;border-radius:0 0 2px 2px;border:1px solid transparent;border-color:#747576;position:relative;margin-right:5px;border-top:none;margin-top:5px;background:#fff}::ng-deep span.file.table{margin-right:8px;width:18px;min-width:18px}::ng-deep span.file.table i{font-size:8px}::ng-deep span.file.table .format{height:8px;font-size:7px;line-height:8px;font-weight:400}::ng-deep span.file:before{position:absolute;border-radius:0;top:-4px;right:-1px;content:\"\";height:4px;width:4px;display:block;background:linear-gradient(45deg,#747576 0% 1%,#747576 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file:after{height:4px;left:-1px;right:3px;border-top:1px solid;border-right:none;border-left:1px solid;content:\"\";top:-4px;position:absolute;border-radius:2px 0 0;background:#fff}::ng-deep span.file .format{height:10px;font-size:6px;text-transform:uppercase;background:transparent;font-weight:600;text-align:center;display:block;line-height:10px}::ng-deep span.file i{font-size:10px;height:10px;display:flex;align-items:center;justify-content:center;color:#dbdbdb}::ng-deep span.file.docx{width:22px!important}::ng-deep span.file.pdf,::ng-deep span.file.template{border-color:#f31c39}::ng-deep span.file.pdf:before,::ng-deep span.file.template:before{background:linear-gradient(45deg,#f31c39 0% 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#f31c39\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.pdf:after,::ng-deep span.file.template:after{border-color:#f31c39}::ng-deep span.file.pdf .format,::ng-deep span.file.template .format{color:#f31c39}::ng-deep span.file.xlsx,::ng-deep span.file.xls,::ng-deep span.file.css,::ng-deep span.file.scss,::ng-deep span.file.less{border-color:#34aa44}::ng-deep span.file.xlsx:before,::ng-deep span.file.xls:before,::ng-deep span.file.css:before,::ng-deep span.file.scss:before,::ng-deep span.file.less:before{background:linear-gradient(45deg,#34aa44 0% 1%,#34aa44 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.xlsx:after,::ng-deep span.file.xls:after,::ng-deep span.file.css:after,::ng-deep span.file.scss:after,::ng-deep span.file.less:after{border-color:#34aa44;color:#34aa44}::ng-deep span.file.xlsx .format,::ng-deep span.file.xls .format,::ng-deep span.file.css .format,::ng-deep span.file.scss .format,::ng-deep span.file.less .format{color:#34aa44}::ng-deep span.file.doc,::ng-deep span.file.docx,::ng-deep span.file.psd{border-color:#1e5dd3}::ng-deep span.file.doc:before,::ng-deep span.file.docx:before,::ng-deep span.file.psd:before{background:linear-gradient(45deg,#1e5dd3 0% 1%,#1e5dd3 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.doc:after,::ng-deep span.file.docx:after,::ng-deep span.file.psd:after{border-color:#1e5dd3}::ng-deep span.file.doc .format,::ng-deep span.file.docx .format,::ng-deep span.file.psd .format{color:#1e5dd3}::ng-deep span.file.ppt,::ng-deep span.file.ai,::ng-deep span.file.html,::ng-deep span.file.jpg,::ng-deep span.file.jpeg,::ng-deep span.file.png{border-color:#f6882f}::ng-deep span.file.ppt:before,::ng-deep span.file.ai:before,::ng-deep span.file.html:before,::ng-deep span.file.jpg:before,::ng-deep span.file.jpeg:before,::ng-deep span.file.png:before{background:linear-gradient(45deg,#f6882f 0% 1%,#f6882f 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.ppt:after,::ng-deep span.file.ai:after,::ng-deep span.file.html:after,::ng-deep span.file.jpg:after,::ng-deep span.file.jpeg:after,::ng-deep span.file.png:after{border-color:#f6882f}::ng-deep span.file.ppt .format,::ng-deep span.file.ai .format,::ng-deep span.file.html .format,::ng-deep span.file.jpg .format,::ng-deep span.file.jpeg .format,::ng-deep span.file.png .format{color:#f6882f}::ng-deep span.file.php{border-color:#7aa6f7}::ng-deep span.file.php:before{background:linear-gradient(45deg,#7aa6f7 0% 1%,#7aa6f7 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.php:after{border-color:#7aa6f7}::ng-deep span.file.php .format{color:#7aa6f7}::ng-deep ngx-material-timepicker-container .timepicker-backdrop-overlay{background-color:#0000000d!important;z-index:9999999999!important}::ng-deep ngx-material-timepicker-container .timepicker-overlay{z-index:9999999999!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker{width:232px!important;border-radius:2px!important;box-shadow:0 4px 30px #161b2f26!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header{background-color:#fff!important;padding:0!important;border-radius:2px 2px 0 0}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container{display:block!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time{color:#000!important;width:150px!important;margin:0 auto;line-height:60px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control{font-size:40px;background-color:transparent!important;color:#000!important;font-weight:600;text-align:right;caret-color:transparent;outline:none;font-family:Poppins;line-height:56px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:focus,::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:hover{background-color:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control:last-of-type .timepicker-dial__control{text-align:left}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time span{padding:0 8px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period{display:flex!important;width:182px;margin:0 auto!important;background:#f1f1f1;padding:4px 10px;border-radius:20px;position:relative}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period:before{background:#f1f1f1;content:\"\";position:absolute;top:15px;left:-25px;width:calc(100% + 50px);height:2px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period{flex-direction:unset!important;position:relative;z-index:1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:after{content:\"\";position:absolute;right:-12px;top:0;border-left:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:before{content:\"\";position:absolute;left:-18px;top:0;border-right:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button{font-size:11px;background-color:transparent;padding:0;border-radius:20px;color:#747576;font-weight:600;font-family:Poppins;width:84px;height:24px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button.timepicker-dial__item_active{background:#fff!important;color:#1e5dd3!important;box-shadow:0 1px 2px #dbdbdb}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button+button{margin-left:0!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face{width:200px!important;height:200px!important;padding:10px!important;background:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer{height:92px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span{color:#000}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span.active{color:#fff}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand{height:80px!important;top:calc(50% - 80px)!important;background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number>span.active{background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand_minute:before{border:4px solid #1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions{display:flex!important;padding:10px 0 0!important;background:#fff!important;justify-content:space-around!important;border-radius:0 0 2px 2px!important;overflow:hidden}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div:first-child ngx-material-timepicker-button button.timepicker-button{background:#f8f8f8;color:#1e5dd3}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button{line-height:28px!important;width:100%;background:#1e5dd3;color:#fff;border-radius:0!important;height:32px!important;width:116px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button span{font-weight:500!important;font-size:11px;font-family:Poppins}::ng-deep vcomply-editor{display:block}::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep vcomply-editor .editor-container:hover,::ng-deep vcomply-editor .editor-container:focus-within{border:1px solid #1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep vcomply-editor .editor-container mention-list ul li a{font-size:16px!important}::ng-deep vcomply-editor .editor-container .editable-block{background:#fff;min-height:60px;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep vcomply-editor .editor-container .editor-tools{border-top:1px solid #dbdbdb;border-radius:0 0 3px 3px}::ng-deep vcomply-editor .editor-container .editor-tools:hover{border-color:#1e5dd3}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep marx-modal .popup-modal-background{background-color:#161b2fcc!important}::ng-deep .within-box{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .within-value{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.wf-tooltip{pointer-events:none;position:absolute;max-width:300px;font-size:12px;text-align:left;color:#fff;padding:8px 12px;background:#000;border-radius:2px;z-index:-222;top:0;opacity:0;white-space:break-spaces;word-break:break-word}.wf-tooltip *{color:#fff!important}.wf-tooltip:empty{display:none!important}.wf-tooltip.white{box-shadow:0 2px 8px #1c5bd159;color:#747576;background:#fff;text-align:left}.wf-tooltip.white b{color:#747576!important}.wf-tooltip.animate-top{animation:animate-top .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-right{animation:animate-right .3s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-bottom{animation:animate-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-left{animation:animate-left .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-left.white:after{border-color:transparent transparent transparent #f1f1f1}.wf-tooltip-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #000000}.wf-tooltip-right.white:after{border-color:transparent #f1f1f1 transparent transparent}.wf-tooltip-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #000000 transparent transparent}.wf-tooltip-bottom-right:after{bottom:100%;left:100%;margin-left:-20px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-right.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-bottom-left:after{bottom:100%;left:0;margin-left:10px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-left.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-top-left:after{top:100%;left:0;margin-left:10px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-left.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-top-right:after{top:100%;left:100%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-right.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip:after{content:\"\";position:absolute;border-style:solid}.wf-tooltip span.within{font-size:80%;display:block;width:100%}.wf-tooltip .small{display:block;font-size:10px}.wf-tooltip .within-box{background:#f1f1f1;border-radius:2px;color:#042e7d!important;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 2px;margin-right:2px}.wf-tooltip-show{pointer-events:none;opacity:1;z-index:2147483001}\n"] }]
+            args: [{ selector: 'app-vcomply-workflow-engine-container', template: "<app-snack-bar></app-snack-bar>\n<div class=\"workflow-engine-overlay\"></div>\n<div\n  class=\"workflow-engine\"\n  [class.animate]=\"animation\"\n  [class.bg]=\"\n    (!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) &&\n    !policy?.showCreateDocuments\n  \"\n>\n  <div\n    class=\"workflow-engine-container\"\n    [ngSwitch]=\"currentWorkflow?.code\"\n    [class.with-preview-assessment]=\"(auth?.previewPanel | async) === true\"\n    [class.with-frequency]=\"\n      compliance?.activeSelector === 'frequency' ||\n      compliance?.activeSelector === 'reviewerFrequency' ||\n      riskComponent?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'frequency' ||\n      policy?.activeSelector === 'reviewerFrequency'\n    \"\n  >\n    <button\n      (click)=\"closeWorkflowEngine()\"\n      id=\"close-workflow-engine-btn\"\n      class=\"close\"\n      [appTooltip]=\"'[Esc] to close'\"\n      placement=\"left\"\n      delay=\"0\"\n      type=\"black\"\n      [tooltipMandatory]=\"true\"\n      [class.disabled]=\"\n        confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\n      \"\n      [class.smiley-opened]=\"\n        riskComponent?.showSmiley ||\n        logIssueComponent?.showSmiley ||\n        compliance?.showSmiley ||\n        policy?.showCreateDocuments ||\n        responsibilityBulkUpload?.showSmiley ||\n        responsibilityBulkUpload?.showExcel ||\n        riskBulkUpload?.showSmiley ||\n        riskBulkUpload?.showExcel ||\n        program?.showSmiley ||\n        importAnAssessment?.showSmiley\n      \"\n    >\n      <i class=\"icons\">&#xe93f;</i>\n    </button>\n    <div\n      *ngIf=\"!uiKitService.isSmileyOn\"\n      class=\"workflow-engine-more\"\n      [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.read-only]=\"uiKitService?.isLoader\"\n    >\n      <app-more-option\n        #moreOption\n        [currentWorkflow]=\"currentWorkflow?.code\"\n        [isEditMode]=\"mode === 'EDIT'\"\n        [isRCSelected]=\"\n          isRCSelected ||\n          (currentWorkflow?.code === 'GRC' &&\n            grcObject?.listObject.RC.selectedData?.length > 0)\n        \"\n        [openedFrom]=\"openedFrom\"\n        (selectedOption)=\"addMoreInfo($event)\"\n        [isProgramSelected]=\"selectedProgram\"\n        [allowedFeature]=\"feature\"\n        [orgDetailsData]=\"orgDetails\"\n        [isAttributesAvailable]=\"\n          currentWorkflow?.code === 'GRC' &&\n          grcObject?.selectedAttributes?.attributes?.length > 0\n        \"\n      >\n      </app-more-option>\n    </div>\n    <div\n      class=\"workflow-engine-form\"\n      [class.disabled]=\"confirmationAlertConfig?.isVisible\"\n      [class.no-shadow]=\"\n        currentWorkflow?.code == 'AMR' ||\n        currentWorkflow?.code == 'CMR' ||\n        currentWorkflow?.code == 'AAA' ||\n        uiKitService.isSmileyOn ||\n        policy?.showCreateDocuments\n      \"\n    >\n      <div class=\"container\" (scroll)=\"scrollForm()\">\n        <ng-container\n          *ngIf=\"\n            !['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(\n              openedFrom\n            )\n          \"\n        >\n          <div\n            *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\"\n            class=\"form-group-row\"\n            #dropdownRow\n            [class.disabled]=\"\n              (mode === 'EDIT' ||\n                !isWorkflowSelectorEnabled ||\n                disableWorkflowChange ||\n                selectedProgram) &&\n              currentWorkflow?.code !== 'ACTW'\n            \"\n          >\n            <div class=\"left\" [class.checked]=\"currentWorkflow\">\n              <svg\n                class=\"checkIcon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 52 52\"\n              >\n                <circle\n                  class=\"checkIcon__circle\"\n                  cx=\"26\"\n                  cy=\"26\"\n                  r=\"25\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"checkIcon__check\"\n                  fill=\"none\"\n                  d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\n                />\n              </svg>\n            </div>\n            <div class=\"right\">\n              <div class=\"vx-form-group\" #dropdown>\n                <label\n                  *ngIf=\"currentWorkflow?.code !== 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Select a Workflow<span class=\"required\">*</span></label\n                >\n                <label\n                  *ngIf=\"currentWorkflow?.code === 'ACTW'\"\n                  class=\"vx-control-panel\"\n                  >Assign a Case to Workflow<span class=\"required\"\n                    >*</span\n                  ></label\n                >\n                <div\n                  class=\"select\"\n                  *ngIf=\"!currentWorkflow && currentWorkflow?.code !== 'ACTW'\"\n                  (click)=\"editWorkflow()\"\n                >\n                  <input type=\"text\" placeholder=\"Select a Workflow\" readonly />\n                </div>\n                <div class=\"selected first-field\" *ngIf=\"currentWorkflow\">\n                  <!-- {{currentWorkflow | json}} -->\n                  <div\n                    class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n                  >\n                    <span\n                      class=\"chipName vx-fs-11 vx-label-txt no-width\"\n                      [appTooltip]=\"currentWorkflow?.workflowName\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                      [innerHTML]=\"\n                        workflowType === 'ACTW'\n                          ? '<strong>Case Reported By: </strong>' +\n                            (reportBy | userPipe : userList)?.member_name\n                          : currentWorkflow?.workflowName\n                      \"\n                    >\n                    </span>\n                  </div>\n                  <!-- <div class=\"chip-container\">\n                                    <span class=\"chip\" [class.disabled]=\"false\">{{currentWorkflow?.workflowName}}</span>\n                                </div> -->\n                  <button\n                    class=\"edit\"\n                    type=\"button\"\n                    (click)=\"editWorkflow()\"\n                    *ngIf=\"\n                      !workflowList &&\n                      openedFrom != 'ASSESSMENT' &&\n                      currentWorkflow?.code !== 'ACTW'\n                    \"\n                  >\n                    <i class=\"icons\">&#xe9ba;</i> Edit\n                  </button>\n                </div>\n                <div\n                  *ngIf=\"\n                    currentWorkflow?.code === 'CAPR' &&\n                    currentBusinessCycle &&\n                    !programSimplifyFlag\n                  \"\n                  class=\"program-business-cycle vx-fs-11 vx-txt-white vx-d-flex vx-align-center vx-pt-2 vx-pb-1 vx-pl-2 vx-pr-1\"\n                >\n                  <i class=\"icons vx-fs-12 vx-mr-1\">&#xe963;</i> This program is\n                  being set-up for the business cycle:\n                  <span class=\"vx-fw-600 vx-ml-1\">{{\n                    currentBusinessCycle\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-container>\n        <!-- <app-create-documents></app-create-documents> -->\n        <!-- <app-bulk-view></app-bulk-view> -->\n        <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\n        <app-workflow-compliance\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          [orgDetails]=\"orgDetails\"\n          [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust'\"\n          [responsibilityId]=\"id\"\n          [mode]=\"mode\"\n          [frameworkDetails]=\"frameworkDetails\"\n          [assessmentDetails]=\"assessmentDetails\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CAR'\"\n          #responsibility\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          [selectedRC]=\"selectedRC\"\n          [closeOnEsc]=\"closeOnEsc\"\n          (assigneeTypeChange)=\"assigneeTypeChange($event)\"\n          (onReviewerTypeChange)=\"onReviewerChange($event)\"\n          [feature]=\"feature\"\n          [openedFrom]=\"openedFrom\"\n          (rcSelected)=\"onRcSelected($event)\"\n          (resetForm)=\"onResetForm()\"\n          (onRemovingCheckpoint)=\"onRemovingCheckpoint($event, false, true)\"\n          (isAssessmentDisabled)=\"isAssessmentDisabled($event)\"\n          (checkpointCountUpdated)=\"checkpointCount = $event\"\n          [selectedProgram]=\"selectedProgram\"\n        ></app-workflow-compliance>\n        <app-workflow-risk\n          [secondaryOpenPortal]=\"secondaryOpenPortal\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAR'\"\n          #risk\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          (rcSelected)=\"onRcSelected($event)\"\n          [mode]=\"mode\"\n          [riskId]=\"id\"\n          [feature]=\"feature\"\n        ></app-workflow-risk>\n        <app-workflow-policy\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'CAP'\"\n          #policy\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (shiftToEditMode)=\"shiftToEditMode()\"\n          [feature]=\"feature\"\n          [policyId]=\"id\"\n          [mode]=\"mode\"\n          [templateId]=\"templateId\"\n          [convertFileData]=\"convertFileData\"\n          [selectedCategory]=\"selectedCategory\"\n          [isSendForAttestation]=\"isSendForAttestation\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n        ></app-workflow-policy>\n        <app-workflow-survey-form\n          *ngSwitchCase=\"'CAS'\"\n          #surveyForm\n        ></app-workflow-survey-form>\n        <app-add-multiple-risk\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AMR'\"\n          #multipleRisk\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          [feature]=\"feature\"\n        ></app-add-multiple-risk>\n        <!-- <app-add-multiple-responsibility  (disconnectRefresh)=\"isHostRefreshActive = $event\"    (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\n                </app-add-multiple-responsibility> -->\n\n        <lib-add-multiple-responsibility-container\n          [orgDetails]=\"orgDetails\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          *ngSwitchCase=\"'CMR'\"\n          [feature]=\"feature\"\n          #multipleResponsibility\n        ></lib-add-multiple-responsibility-container>\n        <!-- New Log an Issue -->\n        <app-log-an-issue\n          [issueDetails]=\"issueData\"\n          *ngSwitchCase=\"'LAI'\"\n          [reponsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [issueId]=\"id\"\n          #logAnIssue\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          [(mode)]=\"mode\"\n        >\n        </app-log-an-issue>\n        <!-- Old Log an issue -->\n        <!-- <app-log-an-issue *ngSwitchCase=\"'LAI'\" [responsibilitiesData]=\"reponsibiltyData\" [openedFrom]=\"openedFrom\"\n                #logAnIssue (closeWorkflow)=\"closeWorkflowEngine($event)\"\n                (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\">\n            </app-log-an-issue> -->\n\n        <app-workflow-assessment\n          [assessmentId]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          [openedFrom]=\"openedFrom\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'AAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          #assessment\n        ></app-workflow-assessment>\n        <app-import-an-assessment\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          *ngSwitchCase=\"'IAA'\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          #importAssessment\n        ></app-import-an-assessment>\n        <!-- <app-workflow-program #program *ngSwitchCase=\"'CAPR'\" (pickerChanged)=\"decideViewMoreOption($event)\" (disconnectRefresh)=\"isHostRefreshActive = $event\"></app-workflow-program> -->\n        <app-workflow-program\n          #program\n          *ngSwitchCase=\"'CAPR'\"\n          [orgDetails]=\"orgDetails\"\n          [allowedFeature]=\"feature\"\n          (disableElementsFromMoreOptions)=\"disableMoreOptions('CAPR', $event)\"\n          [programType]=\"programType\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (showConfirmationAlert)=\"showConfirmationPopup($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (refreshForm)=\"onResetForm()\"\n          [mode]=\"mode\"\n          [programId]=\"id\"\n          (onRemovingRole)=\"onRemovingRole($event)\"\n          [canFrameworkChange]=\"canFrameworkChange\"\n          [addToProgramDetails]=\"addToProgramDetails\"\n        ></app-workflow-program>\n\n        <!-- GRC Object -->\n        <lib-grc-object-container\n          #grcObject\n          *ngSwitchCase=\"'GRC'\"\n          [grcType]=\"grcType\"\n          [MODE]=\"mode\"\n          [ID]=\"id\"\n          (pickerChanged)=\"decideViewMoreOption($event)\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n          (resetForm)=\"onResetGRCForm()\"\n          (disconnectRefresh)=\"isHostRefreshActive = $event\"\n          (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\"\n        ></lib-grc-object-container>\n\n        <!-- Report a Case -->\n        <app-workflow-case\n          *ngSwitchCase=\"'RAC'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n        <!-- Assign case to workflow -->\n        <app-workflow-case\n          *ngSwitchCase=\"'ACTW'\"\n          #reportCase\n          [openedFrom]=\"openedFrom\"\n          [source]=\"source\"\n          [caseId]=\"id\"\n          [mode]=\"mode\"\n          [workflowType]=\"'ACTW'\"\n          [responsibilityData]=\"reponsibilityData\"\n          [assessmentQuestion]=\"assessmentQuestion\"\n          (populateOption)=\"populateMoreOption($event)\"\n          (caseReportedBy)=\"caseReportedBy($event)\"\n          (userListEmitter)=\"userListEmitter($event)\"\n          (closeWorkflow)=\"closeWorkflowEngine($event)\"\n        ></app-workflow-case>\n      </div>\n      <div\n        *ngIf=\"['RAC', 'ACTW'].includes(currentWorkflow?.code)\"\n        class=\"vx-d-flex\"\n      >\n        <button\n          class=\"cancel\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"closeWorkflowEngine()\"\n        >\n          CANCEL\n        </button>\n        <button\n          class=\"submit\"\n          [class.disabled]=\"!isWorkflowSelectorEnabled\"\n          (click)=\"submit()\"\n        >\n          {{\n            mode === \"EDIT\" && currentWorkflow?.code === \"RAC\"\n              ? \"Update\"\n              : \"Report\"\n          }}\n        </button>\n      </div>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAR'\"\n        (click)=\"submit()\"\n      >\n        {{\n          mode === \"EDIT\" && openedFrom !== \"MOVE_TO_REGISTER\"\n            ? \"Update\"\n            : \"Add\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"\n          !isWorkflowSelectorEnabled ||\n          !riskBulkUpload?.category?.selectedCategory\n        \"\n        (click)=\"bulkUploadBrowse('AMR')\"\n        *ngSwitchCase=\"'AMR'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('CMR')\"\n        *ngSwitchCase=\"'CMR'\"\n      >\n        Browse\n      </button>\n\n      <!-- This has ternary operation to handle the both scenarios of how it works with compliance and program module, please don't change this. -->\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAR'\"\n      >\n        {{\n          entrustButtonName !== \"\" && mode !== \"EDIT\"\n            ? entrustButtonName\n            : mode === \"EDIT\"\n            ? \"UPDATE\"\n            : \"Entrust\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"submit()\"\n        *ngSwitchCase=\"'CAP'\"\n      >\n        {{\n          mode == \"EDIT\"\n            ? isSendForAttestation\n              ? \"Send for attestation\"\n              : \"Update\"\n            : \"Continue to draft\"\n        }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'CAS'\"\n      >\n        Continue to draft\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'LAI'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Add\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        *ngSwitchCase=\"'AAA'\"\n        (click)=\"submit()\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Continue to draft\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled\"\n        (click)=\"bulkUploadBrowse('IAA')\"\n        *ngSwitchCase=\"'IAA'\"\n      >\n        Browse\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button\n        class=\"submit\"\n        [class.disabled]=\"!isWorkflowSelectorEnabled || !program?.valid\"\n        (click)=\"submit('CAPR')\"\n        *ngSwitchCase=\"'CAPR'\"\n      >\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <button class=\"submit\" (click)=\"submit()\" *ngSwitchCase=\"'GRC'\">\n        {{ mode === \"EDIT\" ? \"Update\" : \"Save\" }}\n      </button>\n      <div\n        class=\"dropdown\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n        [style.top.px]=\"dropdownTop\"\n        [style.left.px]=\"dropdownLeft\"\n        [style.width.px]=\"dropdownWidth\"\n      >\n        <ul class=\"dropdown-list\">\n          <li\n            *ngFor=\"let workflow of workflowTypeList\"\n            (click)=\"changeWorkflow($event, workflow)\"\n          >\n            <app-cs-radio\n              *ngIf=\"workflow?.code !== 'ACTW'\"\n              [value]=\"workflow?.code\"\n              [checked]=\"currentWorkflow?.code === workflow?.code\"\n            >\n              {{ workflow?.workflowName }}</app-cs-radio\n            >\n          </li>\n        </ul>\n      </div>\n      <div\n        class=\"dropdown-overlay\"\n        *ngIf=\"workflowList\"\n        (click)=\"closeWorkflowList()\"\n      ></div>\n    </div>\n    <app-confirmation-alert\n      id=\"confirmation-dialogue\"\n      (action)=\"confirmWorkflowChange($event)\"\n      *ngIf=\"confirmationAlertConfig?.isVisible\"\n      [message]=\"confirmationAlertConfig?.message\"\n      [config]=\"confirmationAlertConfig\"\n    ></app-confirmation-alert>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";.dropdown-overlay{position:fixed;inset:0;z-index:2}.workflow-engine{background:#161b2fcc;position:fixed;inset:0;z-index:10}.workflow-engine button.close{position:absolute;background:transparent;cursor:pointer;border:none;font-size:16px;color:#000;top:8px;right:7px;z-index:12;display:flex;align-items:center;justify-content:center;border-radius:2px;padding:8px}.workflow-engine button.close.bulk-opened,.workflow-engine button.close.smiley-opened{z-index:10}.workflow-engine button.close:hover{background:#f1f1f1}.workflow-engine button.close.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-container{position:fixed;top:0;right:0;bottom:0;background:#fff;display:flex;z-index:10;border-top:3px solid #1E5DD3}.workflow-engine-container:before{content:\"\";height:30px;position:absolute;top:0;right:0;width:499px;z-index:11;background:linear-gradient(to bottom,#fff,#ffffffbf 66%,#ffffff6b 81%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#00ffffff\",GradientType=0)}@media screen and (max-width: 1280px){.workflow-engine-container.with-frequency:before{display:none}.workflow-engine-container.with-frequency button.close{display:none}.workflow-engine-container.with-frequency .workflow-engine-form{right:-470px}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-risk .workflw-risk{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form .container ::ng-deep app-workflow-policy .workflow-policy{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-frequency .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}}.workflow-engine-container.with-preview-assessment:before{display:none}.workflow-engine-container.with-preview-assessment button.close{display:none}.workflow-engine-container.with-preview-assessment .workflow-engine-form{right:-470px}.workflow-engine-container.with-preview-assessment .workflow-engine-form .container ::ng-deep app-workflow-compliance .workflw-compliance{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-container.with-preview-assessment .workflow-engine-form button.submit{filter:grayscale(1)!important;pointer-events:none!important}.workflow-engine-more{width:318px;padding:36px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px;scrollbar-width:none}@media screen and (max-height: 900px){.workflow-engine-more{padding:20px 22px 36px 40px}}.workflow-engine-more::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}.workflow-engine-more::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;position:absolute}.workflow-engine-more::-webkit-scrollbar-thumb{border-radius:1px;background-color:#dbdbdb;position:absolute}.workflow-engine-more.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-more.read-only{pointer-events:none}.workflow-engine-form{width:500px;position:relative}.workflow-engine-form .container{height:calc(100vh - 53px);padding:35px 24px 8px 62px;overflow:hidden;overflow-y:auto;margin-left:-22px;scrollbar-width:thin}.workflow-engine-form .container.disabled{pointer-events:none}.workflow-engine-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.workflow-engine-form button.submit{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0}.workflow-engine-form button.submit:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.submit.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form button.cancel{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:48px;letter-spacing:1.3px;color:#1e5dd3;background:#fff;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0;border:none;border-top:1px solid #F1F1F1;cursor:pointer}.workflow-engine-form button.cancel:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.cancel.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-form label.browse{padding:0;margin:0;display:block;position:sticky;bottom:0}.workflow-engine-form label.browse span{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%}.workflow-engine-form label.browse input{position:absolute;width:100%;height:100%;z-index:1;inset:0;opacity:0;cursor:pointer}.workflow-engine-form .file-browsed{display:flex;align-items:center;background:#fff;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1}.workflow-engine-form .file-browsed span{display:block;width:calc(100% - 164px);color:#161b2f;font-size:13px;font-weight:400;line-height:20px;padding:0 16px}.workflow-engine-form .file-browsed button{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:164px;bottom:0}.workflow-engine-form:after{content:\"\";height:30px;position:absolute;right:0;bottom:50px;z-index:10;background:linear-gradient(to bottom,#fff0,#ffffffbf 22%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffffff\",endColorstr=\"#ffffff\",GradientType=0)}.workflow-engine-form.no-shadow:after{display:none}.workflow-engine.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}.workflow-engine.bg{background:#fff}.program-business-cycle{background:#f2bf19;border-radius:0 0 .25rem .25rem;position:relative;top:-.25rem;z-index:1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n", "@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep input.textField{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;font-size:13px;color:#747576;padding:8px 12px;position:relative;height:2.5rem;width:100%;transition:all .2s ease-in-out}::ng-deep input.textField::placeholder{font-size:13px;color:#747576}::ng-deep input.textField:hover,::ng-deep input.textField:focus{outline:none;border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectBoxEnable:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#747576;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .selectBoxEnable:hover,::ng-deep .selectBoxEnable:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectBoxEnable.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .selectBoxEnable.withBtn:after{display:none}::ng-deep .selectBoxEnable.withBtn button.setBtn{background:transparent;border-radius:0;border:none;min-width:98px}::ng-deep .selectBoxSuccess{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;min-height:2.5rem;position:relative}::ng-deep .selectBoxSuccess .selectBoxText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:22rem}::ng-deep .selectBoxSuccess button{background:transparent;border-radius:0;border:none}::ng-deep .selectBoxSuccess button.deleteBtn{color:#d93b41}::ng-deep .selectBoxSuccess .level-left{border-right:1px solid #f1f1f1;height:2.375rem;width:5rem}::ng-deep .selectBoxSuccess .level-left .level-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:4.5rem}::ng-deep .chipContainer{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem}::ng-deep .chipContainer .cross{cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .chipContainer .cross:hover{background:#f1f1f1}::ng-deep .chipContainer .chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:6rem}::ng-deep .chipContainer .chipName.no-width{max-width:unset}::ng-deep .chipContainer .chipName.full-width{max-width:25rem}::ng-deep .chipContainer button.countBtn{background:#1e5dd3;border-radius:1.25rem;border:none;min-width:1.5rem;height:1rem;margin:0 0 0 .5rem;padding:0 .25rem}::ng-deep .chipContainer button.countBtn.greenBg{background:#34aa44}::ng-deep .workflowLavel{background:#f1f1f1;border-radius:.125rem;color:#042e7d;min-width:1rem;height:1rem}::ng-deep .reviewSelection{border-radius:.25rem;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep .reviewSelection:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .selectButton{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2.5rem;position:relative;transition:all .2s ease-in-out}::ng-deep .selectButton:hover,::ng-deep .selectButton:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep button.createNewBtn{background:transparent;border-radius:0;border:none}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:12px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:108px;display:flex;align-items:center}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative;transition:all .2s ease-in-out}::ng-deep .vx-form-group .tab-group:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 62px 16px 24px;display:flex;align-items:center;justify-content:space-between}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;margin:0;padding:0;inset:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:8px 0!important;text-align:center}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%;text-align:center}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:13px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;font-size:14px;font-weight:500;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group label.vx-control-panel i.depreciation-icon{color:#e4b700;font-size:16px;position:relative;top:3px}::ng-deep .vx-form-group label.vx-control-panel .checkpoint-version{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:10px;font-weight:600;line-height:14px;margin-left:4px;padding:0 2px}::ng-deep .vx-form-group input[type=text],::ng-deep .vx-form-group .input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{color:#747576;font-weight:400}::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group input[type=text]:hover,::ng-deep .vx-form-group .input:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group input[type=text].error,::ng-deep .vx-form-group .input.error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group input[type=text].error:focus,::ng-deep .vx-form-group .input.error:focus{box-shadow:0 0 5px #d31e1e45}::ng-deep .vx-form-group input[type=text]:disabled,::ng-deep .vx-form-group .input:disabled{background:#f1f1f1;cursor:not-allowed;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group input[type=text]:disabled:hover,::ng-deep .vx-form-group .input:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group input[type=text] span.text,::ng-deep .vx-form-group .input span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group input[type=text] .input-group,::ng-deep .vx-form-group .input .input-group{display:flex;align-items:center}::ng-deep .vx-form-group input[type=text] .input-group.counter,::ng-deep .vx-form-group .input .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group input[type=text] .input-group.counter button,::ng-deep .vx-form-group .input .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group input[type=text] .input-group.counter input,::ng-deep .vx-form-group .input .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button{appearance:none;margin:0}::ng-deep .vx-form-group input[type=text]+.file-list,::ng-deep .vx-form-group .input+.file-list{margin-top:8px}::ng-deep .vx-form-group input[type=text]::placeholder,::ng-deep .vx-form-group .input::placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder,::ng-deep .vx-form-group .input:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder,::ng-deep .vx-form-group .input::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{margin:0 4px 0 0;width:100%;position:relative;z-index:1}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected.first-field{z-index:2}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container.checkpoints{width:calc(100% - 120px)}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip.disabled{background:#f1f1f1;box-shadow:none;color:#747576;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question{display:flex;align-items:center;justify-content:space-between;width:100%}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.value{color:#1e5dd3;font-size:12px;font-weight:400;line-height:24px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 80px)}::ng-deep .vx-form-group .selected .chip-container span.chip.with-question span.label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected .chip-container .chip-inner{background:#fff;border-radius:2px;box-shadow:0 2px 4px #1e5dd31a;line-height:24px;padding:0 4px 0 8px;display:flex;align-items:center}::ng-deep .vx-form-group .selected .chip-container .chip-inner .chip{background:transparent;border-radius:0;box-shadow:none;height:auto;line-height:unset;padding:0;color:#747576;max-width:100px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count{border-radius:20px;height:16px;padding:0 6px;border:none;font-size:9px;line-height:16px;margin-left:4px;min-width:20px}::ng-deep .vx-form-group .selected .chip-container .chip-inner button.count.user{background:#34aa44}::ng-deep .vx-form-group .selected .chip-container .chip-inner i.cross{cursor:pointer;position:relative;top:1px;font-size:8px}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:0 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:none;border-radius:0;background:transparent;outline:none;cursor:pointer;display:block;font-size:11px;font-weight:600;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd345;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group ::ng-deep vcomply-editor{margin-top:8px;display:block;pointer-events:auto!important;z-index:1}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px;position:static}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover{border-color:#1e5dd3!important;box-shadow:0 3px 6px #1e5dd31a}::ng-deep .vx-form-group ::ng-deep vcomply-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group ::ng-deep vcomply-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0;background:#fff}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:transparent;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:12px;position:absolute;left:12px;top:0;color:#747576;font-size:12px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group app-cs-radio.disabled{pointer-events:none;opacity:.5;filter:grayscale(1);background:#f1f1f1}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}::ng-deep .vx-form-group .risk-type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;padding:4px;position:relative;z-index:1}::ng-deep .vx-form-group .risk-type-field .type-item{width:50%;position:relative}::ng-deep .vx-form-group .risk-type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:left}::ng-deep .vx-form-group .risk-type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}::ng-deep .vx-form-group .risk-type-field .type-item .info.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none;-webkit-user-select:none;user-select:none}::ng-deep .vx-form-group .risk-type-field .type-item.active button{color:#1e5dd3!important}::ng-deep .vx-form-group .risk-type-field .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}::ng-deep .vx-form-group .risk-type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;width:212px;height:32px;z-index:-1;transition:.25s ease-out}.left{width:36px;height:36px;margin-top:26px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.disabled{-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;inset:2px 0 0 2px;background:#fff;opacity:.7;border-radius:50%;width:32px;height:32px}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group input,.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group .selectBoxEnable{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd31a}.form-group-row.active .right .vx-form-group .selectBoxEnable.disabled{border-color:#dbdbdb;box-shadow:none}::ng-deep .radio-group-selector app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .radio-group-selector app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .radio-group-selector app-cs-radio label.radio-item .radio,::ng-deep .radio-group-selector app-cs-radio label.radio-item .radiomark{position:absolute!important;top:9px;left:12px}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value{font-size:11px!important;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0!important;max-width:100%!important;font-weight:500!important;color:#707070!important}::ng-deep .radio-group-selector app-cs-radio label.radio-item .value i{font-size:12px;color:#1e5dd3}::ng-deep .radio-group-selector app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}::ng-deep .wf-action-list{width:220px}::ng-deep .wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}::ng-deep .wf-action-list ul.action-item{display:block}::ng-deep .wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}::ng-deep .wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}::ng-deep .wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}::ng-deep .wf-action-list ul.action-item li button:hover{background:#f3f3f3}::ng-deep .wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.within-con{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}::ng-deep .wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image{display:block}::ng-deep .wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}::ng-deep .wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}::ng-deep .wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}::ng-deep .wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}::ng-deep .wf-action-list ul.action-item li .chip-item span.id{font-size:9px}::ng-deep .wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}::ng-deep .wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}::ng-deep .wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}::ng-deep .wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:8px;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:-3px;right:0;bottom:0;z-index:999;width:520px;height:calc(100vh + 3px)}::ng-deep .vx-overlay{position:fixed;z-index:3;inset:0}::ng-deep dp-date-picker{width:100%;position:fixed!important;z-index:14;top:-40px;left:0}::ng-deep dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}::ng-deep dp-date-picker input:focus{outline:none}::ng-deep dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep dp-date-picker .dp-popup dp-day-calendar,::ng-deep dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep dp-date-picker .dp-popup dp-day-calendar button,::ng-deep dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}::ng-deep dp-date-picker .dp-open+div{position:fixed!important;inset:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:#0000004d}::ng-deep .cdk-overlay-container{z-index:2147483002!important}::ng-deep .dp-popup{z-index:999;display:flex!important;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0000004d!important;box-shadow:unset!important}::ng-deep .dp-popup dp-day-calendar{width:412px!important;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}::ng-deep .dp-popup dp-day-calendar,::ng-deep .dp-popup dp-month-calendar{width:100%;pointer-events:auto}::ng-deep .dp-popup dp-day-calendar button,::ng-deep .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,::ng-deep .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,::ng-deep .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}::ng-deep .dp-popup dp-day-calendar button.dp-current-location-btn:before,::ng-deep .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}::ng-deep .dp-popup dp-day-calendar .dp-weekdays,::ng-deep .dp-popup dp-month-calendar .dp-weekdays,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week{display:flex;justify-content:space-around}::ng-deep .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button:hover,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button:hover,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button:hover{background-color:#f3f3f3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-selected,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected{background:#1e5dd3}::ng-deep .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day,::ng-deep .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,::ng-deep .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}::ng-deep .dp-popup dp-day-calendar .dp-day-calendar-container,::ng-deep .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}::ng-deep .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,::ng-deep .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,::ng-deep .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,::ng-deep .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}::ng-deep .dp-popup dp-day-calendar .dp-calendar-wrapper,::ng-deep .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}::ng-deep span.file{display:block;width:20px;min-width:20px;border-radius:0 0 2px 2px;border:1px solid transparent;border-color:#747576;position:relative;margin-right:5px;border-top:none;margin-top:5px;background:#fff}::ng-deep span.file.table{margin-right:8px;width:18px;min-width:18px}::ng-deep span.file.table i{font-size:8px}::ng-deep span.file.table .format{height:8px;font-size:7px;line-height:8px;font-weight:400}::ng-deep span.file:before{position:absolute;border-radius:0;top:-4px;right:-1px;content:\"\";height:4px;width:4px;display:block;background:linear-gradient(45deg,#747576 0% 1%,#747576 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file:after{height:4px;left:-1px;right:3px;border-top:1px solid;border-right:none;border-left:1px solid;content:\"\";top:-4px;position:absolute;border-radius:2px 0 0;background:#fff}::ng-deep span.file .format{height:10px;font-size:6px;text-transform:uppercase;background:transparent;font-weight:600;text-align:center;display:block;line-height:10px}::ng-deep span.file i{font-size:10px;height:10px;display:flex;align-items:center;justify-content:center;color:#dbdbdb}::ng-deep span.file.docx{width:22px!important}::ng-deep span.file.pdf,::ng-deep span.file.template{border-color:#f31c39}::ng-deep span.file.pdf:before,::ng-deep span.file.template:before{background:linear-gradient(45deg,#f31c39 0% 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#f31c39\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.pdf:after,::ng-deep span.file.template:after{border-color:#f31c39}::ng-deep span.file.pdf .format,::ng-deep span.file.template .format{color:#f31c39}::ng-deep span.file.xlsx,::ng-deep span.file.xls,::ng-deep span.file.css,::ng-deep span.file.scss,::ng-deep span.file.less{border-color:#34aa44}::ng-deep span.file.xlsx:before,::ng-deep span.file.xls:before,::ng-deep span.file.css:before,::ng-deep span.file.scss:before,::ng-deep span.file.less:before{background:linear-gradient(45deg,#34aa44 0% 1%,#34aa44 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.xlsx:after,::ng-deep span.file.xls:after,::ng-deep span.file.css:after,::ng-deep span.file.scss:after,::ng-deep span.file.less:after{border-color:#34aa44;color:#34aa44}::ng-deep span.file.xlsx .format,::ng-deep span.file.xls .format,::ng-deep span.file.css .format,::ng-deep span.file.scss .format,::ng-deep span.file.less .format{color:#34aa44}::ng-deep span.file.doc,::ng-deep span.file.docx,::ng-deep span.file.psd{border-color:#1e5dd3}::ng-deep span.file.doc:before,::ng-deep span.file.docx:before,::ng-deep span.file.psd:before{background:linear-gradient(45deg,#1e5dd3 0% 1%,#1e5dd3 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.doc:after,::ng-deep span.file.docx:after,::ng-deep span.file.psd:after{border-color:#1e5dd3}::ng-deep span.file.doc .format,::ng-deep span.file.docx .format,::ng-deep span.file.psd .format{color:#1e5dd3}::ng-deep span.file.ppt,::ng-deep span.file.ai,::ng-deep span.file.html,::ng-deep span.file.jpg,::ng-deep span.file.jpeg,::ng-deep span.file.png{border-color:#f6882f}::ng-deep span.file.ppt:before,::ng-deep span.file.ai:before,::ng-deep span.file.html:before,::ng-deep span.file.jpg:before,::ng-deep span.file.jpeg:before,::ng-deep span.file.png:before{background:linear-gradient(45deg,#f6882f 0% 1%,#f6882f 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.ppt:after,::ng-deep span.file.ai:after,::ng-deep span.file.html:after,::ng-deep span.file.jpg:after,::ng-deep span.file.jpeg:after,::ng-deep span.file.png:after{border-color:#f6882f}::ng-deep span.file.ppt .format,::ng-deep span.file.ai .format,::ng-deep span.file.html .format,::ng-deep span.file.jpg .format,::ng-deep span.file.jpeg .format,::ng-deep span.file.png .format{color:#f6882f}::ng-deep span.file.php{border-color:#7aa6f7}::ng-deep span.file.php:before{background:linear-gradient(45deg,#7aa6f7 0% 1%,#7aa6f7 50%,#2989d800 51%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#34aa44\",endColorstr=\"#007db9e8\",GradientType=1)}::ng-deep span.file.php:after{border-color:#7aa6f7}::ng-deep span.file.php .format{color:#7aa6f7}::ng-deep ngx-material-timepicker-container .timepicker-backdrop-overlay{background-color:#0000000d!important;z-index:9999999999!important}::ng-deep ngx-material-timepicker-container .timepicker-overlay{z-index:9999999999!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker{width:232px!important;border-radius:2px!important;box-shadow:0 4px 30px #161b2f26!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header{background-color:#fff!important;padding:0!important;border-radius:2px 2px 0 0}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container{display:block!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time{color:#000!important;width:150px!important;margin:0 auto;line-height:60px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control{font-size:40px;background-color:transparent!important;color:#000!important;font-weight:600;text-align:right;caret-color:transparent;outline:none;font-family:Poppins;line-height:56px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:focus,::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control .timepicker-dial__control:hover{background-color:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time ngx-material-timepicker-dial-control:last-of-type .timepicker-dial__control{text-align:left}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__time span{padding:0 8px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period{display:flex!important;width:182px;margin:0 auto!important;background:#f1f1f1;padding:4px 10px;border-radius:20px;position:relative}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period:before{background:#f1f1f1;content:\"\";position:absolute;top:15px;left:-25px;width:calc(100% + 50px);height:2px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period{flex-direction:unset!important;position:relative;z-index:1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:after{content:\"\";position:absolute;right:-12px;top:0;border-left:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period:before{content:\"\";position:absolute;left:-18px;top:0;border-right:solid 14px #f1f1f1;border-bottom:solid 12px transparent;border-top:solid 12px transparent;z-index:-1}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button{font-size:11px;background-color:transparent;padding:0;border-radius:20px;color:#747576;font-weight:600;font-family:Poppins;width:84px;height:24px}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button.timepicker-dial__item_active{background:#fff!important;color:#1e5dd3!important;box-shadow:0 1px 2px #dbdbdb}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__header .timepicker-dial__container .timepicker-dial__period .timepicker-period button+button{margin-left:0!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face{width:200px!important;height:200px!important;padding:10px!important;background:transparent!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer{height:92px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span{color:#000}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number--outer span.active{color:#fff}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand{height:80px!important;top:calc(50% - 80px)!important;background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__number>span.active{background-color:#1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .clock-face .clock-face__clock-hand_minute:before{border:4px solid #1e5dd3!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions{display:flex!important;padding:10px 0 0!important;background:#fff!important;justify-content:space-around!important;border-radius:0 0 2px 2px!important;overflow:hidden}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div:first-child ngx-material-timepicker-button button.timepicker-button{background:#f8f8f8;color:#1e5dd3}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button{line-height:28px!important;width:100%;background:#1e5dd3;color:#fff;border-radius:0!important;height:32px!important;width:116px!important}::ng-deep ngx-material-timepicker-container ngx-material-timepicker-content .timepicker .timepicker__main-content .timepicker__actions div ngx-material-timepicker-button button.timepicker-button span{font-weight:500!important;font-size:11px;font-family:Poppins}::ng-deep vcomply-editor{display:block}::ng-deep vcomply-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb;transition:all .2s ease-in-out}::ng-deep vcomply-editor .editor-container:hover,::ng-deep vcomply-editor .editor-container:focus-within{border:1px solid #1e5dd3;box-shadow:0 3px 6px #1e5dd31a}::ng-deep vcomply-editor .editor-container mention-list ul li a{font-size:16px!important}::ng-deep vcomply-editor .editor-container .editable-block{background:#fff;min-height:60px;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}::ng-deep vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep vcomply-editor .editor-container .editor-tools{border-top:1px solid #dbdbdb;border-radius:0 0 3px 3px}::ng-deep vcomply-editor .editor-container .editor-tools:hover{border-color:#1e5dd3}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:12px}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep vcomply-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep marx-modal .popup-modal-background{background-color:#161b2fcc!important}::ng-deep .within-box{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .within-value{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.wf-tooltip{pointer-events:none;position:absolute;max-width:300px;font-size:12px;text-align:left;color:#fff;padding:8px 12px;background:#000;border-radius:2px;z-index:-222;top:0;opacity:0;white-space:break-spaces;word-break:break-word}.wf-tooltip *{color:#fff!important}.wf-tooltip:empty{display:none!important}.wf-tooltip.white{box-shadow:0 2px 8px #1c5bd159;color:#747576;background:#fff;text-align:left}.wf-tooltip.white b{color:#747576!important}.wf-tooltip.animate-top{animation:animate-top .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-right{animation:animate-right .3s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-bottom{animation:animate-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip.animate-left{animation:animate-left .5s cubic-bezier(.25,.46,.45,.94) both}.wf-tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-left.white:after{border-color:transparent transparent transparent #f1f1f1}.wf-tooltip-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #000000}.wf-tooltip-right.white:after{border-color:transparent #f1f1f1 transparent transparent}.wf-tooltip-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #000000 transparent transparent}.wf-tooltip-bottom-right:after{bottom:100%;left:100%;margin-left:-20px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-right.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-bottom-left:after{bottom:100%;left:0;margin-left:10px;border-width:5px;border-color:transparent transparent #000000 transparent}.wf-tooltip-bottom-left.white:after{border-color:transparent transparent #f1f1f1 transparent}.wf-tooltip-top-left:after{top:100%;left:0;margin-left:10px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-left.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip-top-right:after{top:100%;left:100%;margin-left:-5px;border-width:5px;border-color:#000000 transparent transparent transparent}.wf-tooltip-top-right.white:after{border-color:#f1f1f1 transparent transparent transparent}.wf-tooltip:after{content:\"\";position:absolute;border-style:solid}.wf-tooltip span.within{font-size:80%;display:block;width:100%}.wf-tooltip .small{display:block;font-size:10px}.wf-tooltip .within-box{background:#f1f1f1;border-radius:2px;color:#042e7d!important;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 2px;margin-right:2px}.wf-tooltip-show{pointer-events:none;opacity:1;z-index:2147483001}\n"] }]
         }], ctorParameters: function () { return [{ type: UiKitService }, { type: SnackBarService }, { type: AuthService$1 }, { type: OrganizationCommonService }, { type: ReportACaseService }, { type: ReportCasePermissionService }]; }, propDecorators: { unloadNotification: [{
                 type: HostListener,
                 args: ['window:beforeunload', ['$event']]