@thetradeengineorg1/snova-shell-module 0.0.257 → 0.0.259

package/fesm2015/thetradeengineorg1-snova-shell-module.js

@@ -2,15 +2,15 @@ import * as i0 from '@angular/core';
 import { Component, Injectable, Pipe, Optional, Inject, InjectionToken, EventEmitter, NgModuleFactory, ViewEncapsulation, Output, ViewChild, Input, ViewChildren, HostListener, NgModuleFactoryLoader, SystemJsNgModuleLoader, NgModule } from '@angular/core';
 import * as i10 from '@angular/common';
 import { DatePipe, CommonModule } from '@angular/common';
-import * as i8 from '@angular/material/button';
+import * as i9 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i7 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i28 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i7$1 from '@angular/material/tooltip';
+import * as i7$2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i17 from '@angular/material/icon';
+import * as i8 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i23 from '@angular/material/input';
@@ -37,7 +37,7 @@ import { MatTabsModule } from '@angular/material/tabs';
 import * as i11 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i9 from '@angular/forms';
+import * as i9$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HTTP_INTERCEPTORS, HttpClient } from '@angular/common/http';
@@ -83,6 +83,7 @@ import { SPINNER, NgxUiLoaderModule } from 'ngx-ui-loader';
 import * as signalR from '@microsoft/signalr';
 import * as i11$1 from '@angular/cdk/bidi';
 import * as i22$1 from '@angular/flex-layout/extended';
+import * as i7$1 from '@angular/material/divider';
 import { trigger, transition, style, animate } from '@angular/animations';
 import * as i20 from '@angular/flex-layout/flex';
 import * as i22 from '@angular/material/form-field';
@@ -95,7 +96,6 @@ import * as i1$4 from 'ngx-avatar';
 import { AvatarSource, AvatarModule } from 'ngx-avatar';
 import * as i30 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i7$2 from '@angular/material/divider';
 import * as i33 from 'ngx-dropzone';
 import { NgxDropzoneModule } from 'ngx-dropzone';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
@@ -5476,8 +5476,8 @@ const MenuCategories = {
 class WorkspaceList {
 }
 
-function ConfirmationDialogComponent_i_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 8);
+function ConfirmationDialogComponent_i_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
 } }
 /** @dynamic */
 class ConfirmationDialogComponent {
@@ -5528,40 +5528,51 @@ class ConfirmationDialogComponent {
     }
 }
 ConfirmationDialogComponent.ɵfac = function ConfirmationDialogComponent_Factory(t) { return new (t || ConfirmationDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(WINDOW)); };
-ConfirmationDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["app-confirmation-dialog"]], decls: 16, vars: 12, consts: [[1, "text-center"], [1, "card-title-text", "mb-1", 2, "font-size", "40px", "color", "gray"], [1, "text-center", "mt-1"], ["mat-button", "", "mat-raised-button", "", "color", "primary", 1, "mr-1", 3, "disabled", "click"], ["icon", "check", 1, "mr-05"], ["class", "fa fa-spin fa-spinner", 4, "ngIf"], ["mat-button", "", "mat-raised-button", "", 3, "click"], ["icon", "times", 1, "mr-05"], [1, "fa", "fa-spin", "fa-spinner"]], template: function ConfirmationDialogComponent_Template(rf, ctx) { if (rf & 1) {
+ConfirmationDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["app-confirmation-dialog"]], decls: 22, vars: 15, consts: [[1, "confirmation-dialog-content"], [1, "warning-icon-container", "mb-2"], [1, "warning-icon"], [1, "confirmation-title", "mb-2"], [1, "confirmation-message", "mb-3"], [1, "my-2"], [1, "confirmation-dialog-actions"], ["mat-stroked-button", "", 1, "cancel-btn", 3, "click"], ["icon", "times", 1, "mr-05"], ["mat-raised-button", "", "color", "warn", 1, "delete-btn", 3, "disabled", "click"], ["icon", "trash-alt", 1, "mr-05"], ["class", "fa fa-spin fa-spinner ml-05", 4, "ngIf"], [1, "fa", "fa-spin", "fa-spinner", "ml-05"]], template: function ConfirmationDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "mat-card-content", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵtext(2, "Are you sure you want to delete ? ");
+        i0.ɵɵelementStart(2, "mat-icon", 2);
+        i0.ɵɵtext(3, "warning");
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "div", 0);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 2);
-        i0.ɵɵelementStart(5, "button", 3);
-        i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_5_listener() { return ctx.Delete(); });
-        i0.ɵɵpipe(6, "async");
-        i0.ɵɵelement(7, "fa-icon", 4);
-        i0.ɵɵtext(8);
-        i0.ɵɵpipe(9, "translate");
-        i0.ɵɵtemplate(10, ConfirmationDialogComponent_i_10_Template, 1, 0, "i", 5);
-        i0.ɵɵpipe(11, "async");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "button", 6);
-        i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_12_listener() { return ctx.CancelDelete(); });
-        i0.ɵɵelement(13, "fa-icon", 7);
-        i0.ɵɵtext(14);
-        i0.ɵɵpipe(15, "translate");
+        i0.ɵɵelementStart(4, "div", 3);
+        i0.ɵɵtext(5);
+        i0.ɵɵpipe(6, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "div", 4);
+        i0.ɵɵtext(8, " Are you sure you want to delete all demo data? This action cannot be undone. ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(9, "mat-divider", 5);
+        i0.ɵɵelementStart(10, "div", 6);
+        i0.ɵɵelementStart(11, "button", 7);
+        i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_11_listener() { return ctx.CancelDelete(); });
+        i0.ɵɵelement(12, "fa-icon", 8);
+        i0.ɵɵtext(13);
+        i0.ɵɵpipe(14, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(15, "button", 9);
+        i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_15_listener() { return ctx.Delete(); });
+        i0.ɵɵpipe(16, "async");
+        i0.ɵɵelement(17, "fa-icon", 10);
+        i0.ɵɵtext(18);
+        i0.ɵɵpipe(19, "translate");
+        i0.ɵɵtemplate(20, ConfirmationDialogComponent_i_20_Template, 1, 0, "i", 11);
+        i0.ɵɵpipe(21, "async");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(5);
-        i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(6, 4, ctx.demoDataDeletionLoading$));
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 5, "SHELL.CLEARDEMODATA"), " ");
+        i0.ɵɵadvance(8);
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 7, "CANCEL"), " ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(16, 9, ctx.demoDataDeletionLoading$));
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 6, "YES"), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 11, "DELETE"), " ");
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 8, ctx.demoDataDeletionLoading$));
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 10, "CANCEL"), " ");
-    } }, directives: [i7.MatCardContent, i8.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
+        i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(21, 13, ctx.demoDataDeletionLoading$));
+    } }, directives: [i7.MatCardContent, i8.MatIcon, i7$1.MatDivider, i9.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i5$1.TranslatePipe, i10.AsyncPipe], styles: [".confirmation-dialog-content[_ngcontent-%COMP%] {\n    padding: 24px;\n    text-align: center;\n  }\n\n  .warning-icon-container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .warning-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    width: 48px;\n    height: 48px;\n    color: #ff9800;\n  }\n\n  .confirmation-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 500;\n    color: #333;\n    margin-bottom: 12px;\n  }\n\n  .confirmation-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: #666;\n    margin-bottom: 24px;\n    line-height: 1.5;\n  }\n\n  .confirmation-dialog-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    padding: 16px 24px;\n  }\n\n  .cancel-btn[_ngcontent-%COMP%] {\n    min-width: 100px;\n  }\n\n  .delete-btn[_ngcontent-%COMP%] {\n    min-width: 100px;\n    background-color: #f44336 !important;\n  }\n\n  .ml-05[_ngcontent-%COMP%] {\n    margin-left: 4px;\n  }\n\n  .my-2[_ngcontent-%COMP%] {\n    margin: 12px 0;\n  }\n\n  .mb-2[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n  }\n\n  .mb-3[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n  }"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationDialogComponent, [{
         type: Component,
         args: [{
@@ -6512,7 +6523,7 @@ ExportConfigurationDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent(
         i0.ɵɵproperty("ngIf", ctx.exportDataLoading);
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 37, "ASSETS.CANCEL"), " ");
-    } }, directives: [i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i20.DefaultLayoutDirective, i9.FormGroupDirective, i20.DefaultFlexDirective, i11.MatCheckbox, i9.NgControlStatus, i9.FormControlName, i22.MatFormField, i34.MatSelect, i14.MatOption, i10.NgForOf, i8.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i7.MatCardContent, i9$1.ɵNgNoValidate, i9$1.NgControlStatusGroup, i20.DefaultLayoutDirective, i9$1.FormGroupDirective, i20.DefaultFlexDirective, i11.MatCheckbox, i9$1.NgControlStatus, i9$1.FormControlName, i22.MatFormField, i34.MatSelect, i14.MatOption, i10.NgForOf, i9.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExportConfigurationDialogComponent, [{
         type: Component,
         args: [{
@@ -9796,7 +9807,7 @@ MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.openMenuPopOver = _t);
     } }, hostBindings: function MenuComponent_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("keydown.control.q", function MenuComponent_keydown_control_q_HostBindingHandler() { return ctx.keyOpenEvent(); }, false, i0.ɵɵresolveDocument)("keydown.control.m", function MenuComponent_keydown_control_m_HostBindingHandler() { return ctx.keyCloseEvent(); }, false, i0.ɵɵresolveDocument)("keydown.control.b", function MenuComponent_keydown_control_b_HostBindingHandler() { return ctx.remoteSearchByText(); }, false, i0.ɵɵresolveDocument)("keydown.control.y", function MenuComponent_keydown_control_y_HostBindingHandler() { return ctx.remoteSearchById(); }, false, i0.ɵɵresolveDocument);
-    } }, inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 128, vars: 93, consts: [["type", "submit", "mat-icon-button", "", "fxHide.gt-xs", "", "fxShow", "", 1, "visibles", 3, "matMenuTriggerFor"], [1, "newMenu"], ["fxFlex", "", "fxHide.gt-xs", "", "fxShow", "", 1, "newLogo", "default-bg", "top-logo-bg", "newminilogo", "zoom-image-hover", "custom-header-icon-mobile"], ["alt", "", "id", "mini-logo-topbar", 2, "width", "30px", "height", "30px", 3, "src", "click"], ["fxFlex", "", "fxHide", "", "fxShow.gt-xs", "", 1, "newLogo", "top-logo-bg", "apps-button", "zoom-image-hover", "custom-header-icon", 2, "left", "0px"], ["id", "main-logo-topbar", 1, "img-height-main-logo-topbar", 2, "cursor", "pointer", "left", "20px", "position", "relative", 3, "src", "click"], ["yPosition", "below", 1, "filter-panel", 2, "height", "auto", 3, "click"], ["menus", "matMenu"], [4, "ngFor", "ngForOf"], ["style", "position: relative;\nleft: 90%", "class", "store-icom mat-icon-button", 3, "ngClass", 4, "ngIf"], [1, "SearchBox", "dropdown", 2, "position", "absolute !important"], ["class", "mat-color-accent input-group-addon", 4, "ngIf"], ["type", "text", "autocomplete", "off", 1, "SearchBox-input", "dropbtn", 3, "placeholder", "ngModel", "ngModelChange", "input", "click", "focus", "blur", "keydown.enter", "keydown.arrowdown", "keydown.arrowup", "keydown.arrowleft", "keydown.arrowright"], ["element", ""], [1, "SearchBox-button"], [1, "close_icon_search"], [4, "ngIf"], ["class", "icon-button mr-05", "aria-hidden", "false", "style", "cursor:pointer", 3, "click", 4, "ngIf"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2", "mr-05", "info-class", "info-icon-custom", 3, "satPopoverAnchorFor", "click"], ["infoPopOver", "satPopoverAnchor"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2", "search-icon-custom"], [1, "dropdown-content", "dropdown-content-navbar", "search-dropdown-custom-modal", 3, "ngClass"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [1, "row", "rowselect", "custom-row-selector"], ["class", "column columnselect-next pl-05 custom-search-modal-apps-container-main", 4, "ngIf"], ["class", "column pl-05", 4, "ngIf"], ["class", "column columnselect-apps ml-0", 4, "ngIf"], ["class", "columnselect-next ml-0", 4, "ngIf"], ["class", "column columnselect-apps ml-0 custom-search-modal-recents-container-main", 4, "ngIf"], ["backdropClass", "backdrop-color", "hasBackdrop", "", "verticalAlign", "below", "horizontalAlign", "end", 3, "interactiveClose"], ["addWorkspace", ""], [1, "filter-data", "p-0"], [1, "text-center"], [1, "card-title-text", "mat-bg-primary", "p-05", "mb-1"], ["novalidate", "", 3, "formGroup", "submit"], [1, "card-content"], [1, "full-width"], ["matInput", "", "formControlName", "workspaceName", 3, "placeholder"], ["matInput", "", "formControlName", "description", "rows", "2", 3, "placeholder"], [1, "full-width", 3, "click"], ["formControlName", "selectedRoles", "multiple", "", "required", "", 3, "compareWith", "placeholder"], [3, "value", "click"], ["allSelected", ""], [3, "value", "click", 4, "ngFor", "ngForOf"], ["formControlName", "editRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allEditSelected", ""], ["formControlName", "deleteRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allDeleteSelected", ""], ["mat-button", "", "mat-raised-button", "", "color", "primary", "type", "button", 1, "mr-1", 3, "disabled", "click"], ["icon", "plus", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", "type", "button", 3, "click"], ["icon", "times", 1, "mr-05"], ["hasBackdrop", "", "verticalAlign", "above", 3, "interactiveClose"], ["p", ""], [1, "tooltip-wrapper", 2, "background", "#fff", "border", "1px solid #ddd", "border-radius", "10px", "padding", "10px 14px", "box-shadow", "0 4px 12px rgba(0,0,0,0.12)"], ["class", "spinner-class", 3, "diameter", 4, "ngIf"], ["mat-menu-item", "", "routerLinkActive", "item-active", 3, "routerLink", "click"], [1, "store-icom", "mat-icon-button", 2, "position", "relative", "left", "90%", 3, "ngClass"], ["icon", "store", "matTooltipClass", "tooltipClass-mat", 1, "mat-color-accent", "cursor-pointer", "theme-navbar-icon-color", 2, "font-size", "20px !important", 3, "matTooltip", "click"], [1, "mat-color-accent", "input-group-addon"], ["aria-hidden", "false", 1, "icon-button", "mr-05", 2, "cursor", "pointer", 3, "click"], ["color", "primary", "mode", "indeterminate"], [1, "column", "columnselect-next", "pl-05", "custom-search-modal-apps-container-main"], [1, "in-header", "custom-search-modal-apps-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-file-text", "w-4", "h-4"], ["d", "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"], ["d", "M14 2v4a2 2 0 0 0 2 2h4"], ["d", "M10 9H8"], ["d", "M16 13H8"], ["d", "M16 17H8"], [1, "custom-search-modal-apps-header-text"], ["id", "style-1", 1, "custom-search-modal-apps-container", 2, "background-color", "white !important"], ["class", "custom-search-modal-apps-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "custom-search-modal-apps-main"], ["class", "custom-search-modal-apps-content", 4, "ngIf"], [1, "custom-search-modal-apps-content"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-apps-btn", 3, "routerLink", "ngClass", "routerLinkActiveOptions", "matTooltip", "mousedown"], [1, "icon-color", "custom-search-modal-apps-icon", 3, "ngClass"], [1, "custom-search-modal-apps-text", 3, "innerHTML"], [1, "column", "pl-05"], ["class", "columnselect-next ml-0 custom-search-modal-dashboard-container-main", 4, "ngIf"], [1, "columnselect-next", "ml-0", "custom-search-modal-dashboard-container-main"], [1, "in-header", "custom-search-modal-dashboard-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-layout-dashboard", "w-4", "h-4"], ["width", "7", "height", "9", "x", "3", "y", "3", "rx", "1"], ["width", "7", "height", "5", "x", "14", "y", "3", "rx", "1"], ["width", "7", "height", "9", "x", "14", "y", "12", "rx", "1"], ["width", "7", "height", "5", "x", "3", "y", "16", "rx", "1"], [1, "custom-search-modal-dashboard-header-text"], ["icon", "plus-square", "class", "mat-color-accent cursor-pointer custom-search-modal-dashboard-header-add-icon", 3, "matTooltip", "satPopoverAnchorFor", "click", 4, "ngIf"], ["id", "style-2", 1, "custom-search-modal-dashboard-container", 2, "background-color", "white !important"], ["icon", "plus-square", 1, "mat-color-accent", "cursor-pointer", "custom-search-modal-dashboard-header-add-icon", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["class", "scroll custom-search-modal-dashboard-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "scroll", "custom-search-modal-dashboard-main"], ["workspaceElement", ""], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-dashboard-btn", 3, "ngClass", "routerLink", "matTooltip", "mousedown", "click"], [1, "custom-search-modal-dashboard-text", 3, "innerHTML"], [1, "column", "columnselect-apps", "ml-0"], [1, "in-header"], ["id", "style-3", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], [3, "background-color", 4, "ngFor", "ngForOf"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "routerLink", "ngClass", "matTooltip", "mousedown"], [3, "innerHTML"], [1, "columnselect-next", "ml-0"], ["id", "style-7", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "ngClass", "matTooltip", "mousedown"], ["class", "in-header", 4, "ngIf"], ["id", "style-5", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-6", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-4", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["style", "background-color: white;", 3, "background-color", 4, "ngFor", "ngForOf"], [2, "background-color", "white"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "ngClass", "routerLink", "matTooltip", "mousedown"], ["fxLayout", "row"], ["fxLayoutAlign", "start center", "size", "20", 3, "name", "matTooltip", "src", "isRound", "click"], [1, "ml-05"], [1, "column", "columnselect-apps", "ml-0", "custom-search-modal-recents-container-main"], [1, "in-header", "custom-search-modal-recents-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-clock", "w-4", "h-4"], ["cx", "12", "cy", "12", "r", "10"], ["points", "12 6 12 12 16 14"], [1, "custom-search-modal-recents-header-text"], [1, "custom-search-modal-recents-container", 2, "background-color", "white !important"], ["class", "scroll custom-search-modal-recents-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "scroll", "custom-search-modal-recents-main"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-recents-btn", 3, "ngClass", "matTooltip", "mousedown"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-clock", "w-4", "h-4", "text-muted-foreground"], [1, "custom-search-modal-recents-item"], [1, "custom-search-modal-recents-text", 3, "innerHTML"], [1, "custom-search-modal-recents-time-text"], [1, "spinner-class", 3, "diameter"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 128, vars: 93, consts: [["type", "submit", "mat-icon-button", "", "fxHide.gt-xs", "", "fxShow", "", 1, "visibles", 3, "matMenuTriggerFor"], [1, "newMenu"], ["fxFlex", "", "fxHide.gt-xs", "", "fxShow", "", 1, "newLogo", "default-bg", "top-logo-bg", "newminilogo", "zoom-image-hover", "custom-header-icon-mobile"], ["alt", "", "id", "mini-logo-topbar", 2, "width", "30px", "height", "30px", 3, "src", "click"], ["fxFlex", "", "fxHide", "", "fxShow.gt-xs", "", 1, "newLogo", "top-logo-bg", "apps-button", "zoom-image-hover", "custom-header-icon", 2, "left", "0px"], ["id", "main-logo-topbar", 1, "img-height-main-logo-topbar", 2, "cursor", "pointer", "left", "20px", "position", "relative", 3, "src", "click"], ["yPosition", "below", 1, "filter-panel", 2, "height", "auto", 3, "click"], ["menus", "matMenu"], [4, "ngFor", "ngForOf"], ["style", "position: relative;\nleft: 90%", "class", "store-icom mat-icon-button store-icon-container", 3, "ngClass", 4, "ngIf"], [1, "SearchBox", "dropdown", 2, "position", "absolute !important"], ["class", "mat-color-accent input-group-addon", 4, "ngIf"], ["type", "text", "autocomplete", "off", 1, "SearchBox-input", "dropbtn", 3, "placeholder", "ngModel", "ngModelChange", "input", "click", "focus", "blur", "keydown.enter", "keydown.arrowdown", "keydown.arrowup", "keydown.arrowleft", "keydown.arrowright"], ["element", ""], [1, "SearchBox-button"], [1, "close_icon_search"], [4, "ngIf"], ["class", "icon-button mr-05", "aria-hidden", "false", "style", "cursor:pointer", 3, "click", 4, "ngIf"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2", "mr-05", "info-class", "info-icon-custom", 3, "satPopoverAnchorFor", "click"], ["infoPopOver", "satPopoverAnchor"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2", "search-icon-custom"], [1, "dropdown-content", "dropdown-content-navbar", "search-dropdown-custom-modal", 3, "ngClass"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [1, "row", "rowselect", "custom-row-selector"], ["class", "column columnselect-next pl-05 custom-search-modal-apps-container-main", 4, "ngIf"], ["class", "column pl-05", 4, "ngIf"], ["class", "column columnselect-apps ml-0", 4, "ngIf"], ["class", "columnselect-next ml-0", 4, "ngIf"], ["class", "column columnselect-apps ml-0 custom-search-modal-recents-container-main", 4, "ngIf"], ["backdropClass", "backdrop-color", "hasBackdrop", "", "verticalAlign", "below", "horizontalAlign", "end", 3, "interactiveClose"], ["addWorkspace", ""], [1, "filter-data", "p-0"], [1, "text-center"], [1, "card-title-text", "mat-bg-primary", "p-05", "mb-1"], ["novalidate", "", 3, "formGroup", "submit"], [1, "card-content"], [1, "full-width"], ["matInput", "", "formControlName", "workspaceName", 3, "placeholder"], ["matInput", "", "formControlName", "description", "rows", "2", 3, "placeholder"], [1, "full-width", 3, "click"], ["formControlName", "selectedRoles", "multiple", "", "required", "", 3, "compareWith", "placeholder"], [3, "value", "click"], ["allSelected", ""], [3, "value", "click", 4, "ngFor", "ngForOf"], ["formControlName", "editRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allEditSelected", ""], ["formControlName", "deleteRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allDeleteSelected", ""], ["mat-button", "", "mat-raised-button", "", "color", "primary", "type", "button", 1, "mr-1", 3, "disabled", "click"], ["icon", "plus", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", "type", "button", 3, "click"], ["icon", "times", 1, "mr-05"], ["hasBackdrop", "", "verticalAlign", "above", 3, "interactiveClose"], ["p", ""], [1, "tooltip-wrapper", 2, "background", "#fff", "border", "1px solid #ddd", "border-radius", "10px", "padding", "10px 14px", "box-shadow", "0 4px 12px rgba(0,0,0,0.12)"], ["class", "spinner-class", 3, "diameter", 4, "ngIf"], ["mat-menu-item", "", "routerLinkActive", "item-active", 3, "routerLink", "click"], [1, "store-icom", "mat-icon-button", "store-icon-container", 2, "position", "relative", "left", "90%", 3, "ngClass"], ["icon", "store", "matTooltipClass", "tooltipClass-mat", 1, "mat-color-accent", "cursor-pointer", "theme-navbar-icon-color", "store-icon-fa", 3, "matTooltip", "click"], [1, "mat-color-accent", "input-group-addon"], ["aria-hidden", "false", 1, "icon-button", "mr-05", 2, "cursor", "pointer", 3, "click"], ["color", "primary", "mode", "indeterminate"], [1, "column", "columnselect-next", "pl-05", "custom-search-modal-apps-container-main"], [1, "in-header", "custom-search-modal-apps-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-file-text", "w-4", "h-4"], ["d", "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"], ["d", "M14 2v4a2 2 0 0 0 2 2h4"], ["d", "M10 9H8"], ["d", "M16 13H8"], ["d", "M16 17H8"], [1, "custom-search-modal-apps-header-text"], ["id", "style-1", 1, "custom-search-modal-apps-container", 2, "background-color", "white !important"], ["class", "custom-search-modal-apps-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "custom-search-modal-apps-main"], ["class", "custom-search-modal-apps-content", 4, "ngIf"], [1, "custom-search-modal-apps-content"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-apps-btn", 3, "routerLink", "ngClass", "routerLinkActiveOptions", "matTooltip", "mousedown"], [1, "icon-color", "custom-search-modal-apps-icon", 3, "ngClass"], [1, "custom-search-modal-apps-text", 3, "innerHTML"], [1, "column", "pl-05"], ["class", "columnselect-next ml-0 custom-search-modal-dashboard-container-main", 4, "ngIf"], [1, "columnselect-next", "ml-0", "custom-search-modal-dashboard-container-main"], [1, "in-header", "custom-search-modal-dashboard-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-layout-dashboard", "w-4", "h-4"], ["width", "7", "height", "9", "x", "3", "y", "3", "rx", "1"], ["width", "7", "height", "5", "x", "14", "y", "3", "rx", "1"], ["width", "7", "height", "9", "x", "14", "y", "12", "rx", "1"], ["width", "7", "height", "5", "x", "3", "y", "16", "rx", "1"], [1, "custom-search-modal-dashboard-header-text"], ["icon", "plus-square", "class", "mat-color-accent cursor-pointer custom-search-modal-dashboard-header-add-icon", 3, "matTooltip", "satPopoverAnchorFor", "click", 4, "ngIf"], ["id", "style-2", 1, "custom-search-modal-dashboard-container", 2, "background-color", "white !important"], ["icon", "plus-square", 1, "mat-color-accent", "cursor-pointer", "custom-search-modal-dashboard-header-add-icon", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["class", "scroll custom-search-modal-dashboard-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "scroll", "custom-search-modal-dashboard-main"], ["workspaceElement", ""], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-dashboard-btn", 3, "ngClass", "routerLink", "matTooltip", "mousedown", "click"], [1, "custom-search-modal-dashboard-text", 3, "innerHTML"], [1, "column", "columnselect-apps", "ml-0"], [1, "in-header"], ["id", "style-3", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], [3, "background-color", 4, "ngFor", "ngForOf"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "routerLink", "ngClass", "matTooltip", "mousedown"], [3, "innerHTML"], [1, "columnselect-next", "ml-0"], ["id", "style-7", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "ngClass", "matTooltip", "mousedown"], ["class", "in-header", 4, "ngIf"], ["id", "style-5", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-6", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-4", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["style", "background-color: white;", 3, "background-color", 4, "ngFor", "ngForOf"], [2, "background-color", "white"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "ngClass", "routerLink", "matTooltip", "mousedown"], ["fxLayout", "row"], ["fxLayoutAlign", "start center", "size", "20", 3, "name", "matTooltip", "src", "isRound", "click"], [1, "ml-05"], [1, "column", "columnselect-apps", "ml-0", "custom-search-modal-recents-container-main"], [1, "in-header", "custom-search-modal-recents-header"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-clock", "w-4", "h-4"], ["cx", "12", "cy", "12", "r", "10"], ["points", "12 6 12 12 16 14"], [1, "custom-search-modal-recents-header-text"], [1, "custom-search-modal-recents-container", 2, "background-color", "white !important"], ["class", "scroll custom-search-modal-recents-main", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "scroll", "custom-search-modal-recents-main"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 1, "custom-search-modal-recents-btn", 3, "ngClass", "matTooltip", "mousedown"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "stroke", "currentColor", "stroke-width", "2", "stroke-linecap", "round", "stroke-linejoin", "round", "aria-hidden", "true", 1, "lucide", "lucide-clock", "w-4", "h-4", "text-muted-foreground"], [1, "custom-search-modal-recents-item"], [1, "custom-search-modal-recents-text", 3, "innerHTML"], [1, "custom-search-modal-recents-time-text"], [1, "spinner-class", 3, "diameter"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
         const _r109 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "button", 0);
         i0.ɵɵelementStart(1, "mat-icon", 1);
@@ -10096,7 +10107,7 @@ MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(126, 88, "SHELL.TOCLOSEMENU"), "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.searchByTextLoading && ctx.display);
-    } }, directives: [i8.MatButton, i22$1.DefaultShowHideDirective, i16.MatMenuTrigger, i17.MatIcon, i20.DefaultFlexDirective, i16.MatMenu, i10.NgForOf, i10.NgIf, i9.DefaultValueAccessor, i9.NgControlStatus, i9.NgModel, i20$1.SatPopoverAnchor, i10.NgClass, i22$1.DefaultClassDirective, i20$1.SatPopover, i7.MatCard, i7.MatCardTitle, i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i9.FormGroupDirective, i22.MatFormField, i23.MatInput, i9.FormControlName, i34.MatSelect, i9.RequiredValidator, i14.MatOption, i4.FaIconComponent, i16.MatMenuItem, i2.RouterLinkActive, i2.RouterLink, i7$1.MatTooltip, i28.MatProgressBar, i20.DefaultLayoutDirective, AvatarComponent, i20.DefaultLayoutAlignDirective, i22.MatError, i30.MatSpinner], pipes: [i5$1.TranslatePipe, SoftLabelPipe, HighLightTextPipe, RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, i10.SlicePipe, i35.TimeagoPipe], encapsulation: 2 });
+    } }, directives: [i9.MatButton, i22$1.DefaultShowHideDirective, i16.MatMenuTrigger, i8.MatIcon, i20.DefaultFlexDirective, i16.MatMenu, i10.NgForOf, i10.NgIf, i9$1.DefaultValueAccessor, i9$1.NgControlStatus, i9$1.NgModel, i20$1.SatPopoverAnchor, i10.NgClass, i22$1.DefaultClassDirective, i20$1.SatPopover, i7.MatCard, i7.MatCardTitle, i7.MatCardContent, i9$1.ɵNgNoValidate, i9$1.NgControlStatusGroup, i9$1.FormGroupDirective, i22.MatFormField, i23.MatInput, i9$1.FormControlName, i34.MatSelect, i9$1.RequiredValidator, i14.MatOption, i4.FaIconComponent, i16.MatMenuItem, i2.RouterLinkActive, i2.RouterLink, i7$2.MatTooltip, i28.MatProgressBar, i20.DefaultLayoutDirective, AvatarComponent, i20.DefaultLayoutAlignDirective, i22.MatError, i30.MatSpinner], pipes: [i5$1.TranslatePipe, SoftLabelPipe, HighLightTextPipe, RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, i10.SlicePipe, i35.TimeagoPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuComponent, [{
         type: Component,
         args: [{
@@ -10648,7 +10659,7 @@ NotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Noti
         i0.ɵɵproperty("ngIf", ctx.newNotifications.length == 0);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.newNotifications.length);
-    } }, directives: [i10.NgIf, i7$2.MatDivider, i10.NgForOf, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective], pipes: [i5$1.TranslatePipe, OrderByPipe, SanitizeHtmlPipe, i35.TimeagoPipe, UtcToLocalTimePipe], encapsulation: 2 });
+    } }, directives: [i10.NgIf, i7$1.MatDivider, i10.NgForOf, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective], pipes: [i5$1.TranslatePipe, OrderByPipe, SanitizeHtmlPipe, i35.TimeagoPipe, UtcToLocalTimePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationsComponent, [{
         type: Component,
         args: [{
@@ -10881,7 +10892,7 @@ AnnoucementDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(13, 12, ctx.announcement), i0.ɵɵsanitizeHtml);
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(16, 14, i0.ɵɵpipeBind1(17, 17, ctx.announcedOn), "dd/MM/yyyy HH:mm"), " ");
-    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCard, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutAlignDirective, AvatarComponent, i7$1.MatTooltip], pipes: [RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SanitizeHtmlPipe, i10.DatePipe, UtcToLocalTimePipe], encapsulation: 2 });
+    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCard, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutAlignDirective, AvatarComponent, i7$2.MatTooltip], pipes: [RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SanitizeHtmlPipe, i10.DatePipe, UtcToLocalTimePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnnoucementDialogComponent, [{
         type: Component,
         args: [{
@@ -12434,12 +12445,14 @@ class HeaderSideComponent extends CustomAppBaseComponent {
     }
     clearDemoData() {
         const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
-            height: "30%",
-            width: "30%",
+            width: "420px",
+            maxWidth: "90vw",
             hasBackdrop: true,
+            backdropClass: "custom-backdrop",
             direction: "ltr",
             data: {},
-            disableClose: true
+            disableClose: true,
+            panelClass: "confirmation-dialog-panel"
         });
         dialogRef.afterClosed().subscribe(() => {
             console.log("The dialog was closed");
@@ -13098,7 +13111,7 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
         i0.ɵɵproperty("ngIf", ctx.filesPresent);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.importingInProgress);
-    } }, directives: [i19.MatToolbar, i20.DefaultFlexDirective, MenuComponent, i20.DefaultLayoutDirective, i22$1.DefaultShowHideDirective, i20.DefaultLayoutAlignDirective, i10.NgIf, i16.MatMenu, NotificationsComponent, i20$1.SatPopover, FeedTimeComponent, i16.MatMenuItem, i17.MatIcon, i7$2.MatDivider, i20$1.SatPopoverAnchor, i7.MatCardContent, i12.MatList, i7.MatCard, i7.MatCardTitle, i4.FaIconComponent, i33.NgxDropzoneComponent, i33.ɵb, i10.NgForOf, i34.MatSelect, i9.NgControlStatus, i9.NgModel, i34.MatSelectTrigger, i22.MatFormField, i23.MatInput, i9.DefaultValueAccessor, i20.DefaultLayoutGapDirective, i10.NgStyle, i22$1.DefaultStyleDirective, i7$1.MatTooltip, i14.MatOption, i8.MatButton, i10.NgClass, i22$1.DefaultClassDirective, i16.MatMenuTrigger, FeedBackSubmissionComponent, i2.RouterLink, i33.NgxDropzonePreviewComponent, i28.MatProgressBar, AnnoucementDialogComponent], pipes: [i5$1.TranslatePipe, SoftLabelPipe], styles: [".file-or-folder-icon[_ngcontent-%COMP%] {\n        width: 50px;\n        height: 50px;\n        font-size: 50px;\n    }\n\n    .file-or-folder-name-align[_ngcontent-%COMP%] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        text-align: center;\n        word-break: break-word;\n    }\n\n    .dropzone-height[_ngcontent-%COMP%] {\n        height: 130px;\n    }\n\n    .custom-dropzone-preview[_ngcontent-%COMP%] {\n        height: 100px !important;\n        min-height: 100px !important;\n        padding: 0px !important;\n    }"], data: { animation: [
+    } }, directives: [i19.MatToolbar, i20.DefaultFlexDirective, MenuComponent, i20.DefaultLayoutDirective, i22$1.DefaultShowHideDirective, i20.DefaultLayoutAlignDirective, i10.NgIf, i16.MatMenu, NotificationsComponent, i20$1.SatPopover, FeedTimeComponent, i16.MatMenuItem, i8.MatIcon, i7$1.MatDivider, i20$1.SatPopoverAnchor, i7.MatCardContent, i12.MatList, i7.MatCard, i7.MatCardTitle, i4.FaIconComponent, i33.NgxDropzoneComponent, i33.ɵb, i10.NgForOf, i34.MatSelect, i9$1.NgControlStatus, i9$1.NgModel, i34.MatSelectTrigger, i22.MatFormField, i23.MatInput, i9$1.DefaultValueAccessor, i20.DefaultLayoutGapDirective, i10.NgStyle, i22$1.DefaultStyleDirective, i7$2.MatTooltip, i14.MatOption, i9.MatButton, i10.NgClass, i22$1.DefaultClassDirective, i16.MatMenuTrigger, FeedBackSubmissionComponent, i2.RouterLink, i33.NgxDropzonePreviewComponent, i28.MatProgressBar, AnnoucementDialogComponent], pipes: [i5$1.TranslatePipe, SoftLabelPipe], styles: [".file-or-folder-icon[_ngcontent-%COMP%] {\n        width: 50px;\n        height: 50px;\n        font-size: 50px;\n    }\n\n    .file-or-folder-name-align[_ngcontent-%COMP%] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        text-align: center;\n        word-break: break-word;\n    }\n\n    .dropzone-height[_ngcontent-%COMP%] {\n        height: 130px;\n    }\n\n    .custom-dropzone-preview[_ngcontent-%COMP%] {\n        height: 100px !important;\n        min-height: 100px !important;\n        padding: 0px !important;\n    }"], data: { animation: [
             trigger('fade', [
                 transition('void => *', [
                     style({ opacity: 0 }),
@@ -13275,7 +13288,7 @@ SideBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideBarCom
         i0.ɵɵproperty("ngClass", ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "menu-highlight" : "");
         i0.ɵɵadvance(7);
         i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, directives: [i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective, i2.RouterLink, i17.MatIcon, i10.NgForOf, i10.NgIf], pipes: [SoftLabelPipe], encapsulation: 2 });
+    } }, directives: [i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective, i2.RouterLink, i8.MatIcon, i10.NgForOf, i10.NgIf], pipes: [SoftLabelPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SideBarComponent, [{
         type: Component,
         args: [{
@@ -13740,7 +13753,7 @@ HeaderTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderTo
         i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(29, _c2$1));
         i0.ɵɵadvance(5);
         i0.ɵɵproperty("ngIf", ctx.layoutConf.isMobile);
-    } }, directives: [i10.NgIf, i20.DefaultFlexDirective, i16.MatMenu, i8.MatButton, i7$1.MatTooltip, i16.MatMenuTrigger, i17.MatIcon, i12$1.MatGridList, i10.NgForOf, i16.MatMenuItem, i2.RouterLink, i2.RouterLinkActive, i2.RouterLinkWithHref, i34.MatSelect, i9.NgControlStatus, i9.NgModel, i14.MatOption, i9.DefaultValueAccessor, i12$1.MatGridTile], pipes: [i5$1.TranslatePipe, i10.AsyncPipe], encapsulation: 2 });
+    } }, directives: [i10.NgIf, i20.DefaultFlexDirective, i16.MatMenu, i9.MatButton, i7$2.MatTooltip, i16.MatMenuTrigger, i8.MatIcon, i12$1.MatGridList, i10.NgForOf, i16.MatMenuItem, i2.RouterLink, i2.RouterLinkActive, i2.RouterLinkWithHref, i34.MatSelect, i9$1.NgControlStatus, i9$1.NgModel, i14.MatOption, i9$1.DefaultValueAccessor, i12$1.MatGridTile], pipes: [i5$1.TranslatePipe, i10.AsyncPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderTopComponent, [{
         type: Component,
         args: [{
@@ -14157,7 +14170,7 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
         i0.ɵɵproperty("ngIf", ctx.hasIconTypeMenuItem);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 2, ctx.menuItems$));
-    } }, directives: [i10.NgIf, i10.NgForOf, i7$2.MatDivider, i10.NgStyle, i22$1.DefaultStyleDirective, i8.MatButton, i2.RouterLinkActive, i7$1.MatTooltip, i2.RouterLink, i17.MatIcon, i2.RouterLinkWithHref, i20.DefaultFlexDirective], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i10.NgIf, i10.NgForOf, i7$1.MatDivider, i10.NgStyle, i22$1.DefaultStyleDirective, i9.MatButton, i2.RouterLinkActive, i7$2.MatTooltip, i2.RouterLink, i8.MatIcon, i2.RouterLinkWithHref, i20.DefaultFlexDirective], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
         type: Component,
         args: [{
@@ -14837,7 +14850,7 @@ PurchaseMoreLicensesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵtextInterpolate1(" Pay $", ctx.totalAmount, " ");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isSucessPay);
-    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCardTitle, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutGapDirective, i22.MatFormField, i23.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i10.NgIf, i8.MatButton, i34.MatSelect, i14.MatOption], encapsulation: 2 });
+    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCardTitle, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutGapDirective, i22.MatFormField, i23.MatInput, i9$1.DefaultValueAccessor, i9$1.RequiredValidator, i9$1.NgControlStatus, i9$1.NgModel, i10.NgIf, i9.MatButton, i34.MatSelect, i14.MatOption], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PurchaseMoreLicensesComponent, [{
         type: Component,
         args: [{
@@ -15255,7 +15268,7 @@ ProductAndServicesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", !ctx.isLoading);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("autoFocus", false)("restoreFocus", false)("interactiveClose", false);
-    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i8.MatButton, i20$1.SatPopoverAnchor, i10.NgIf, i20$1.SatPopover, i1$3.MatDialogClose, i4.FaIconComponent, i7.MatCardTitle, i7.MatCardContent, i10.NgForOf], pipes: [i10.DatePipe], encapsulation: 2 });
+    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i9.MatButton, i20$1.SatPopoverAnchor, i10.NgIf, i20$1.SatPopover, i1$3.MatDialogClose, i4.FaIconComponent, i7.MatCardTitle, i7.MatCardContent, i10.NgForOf], pipes: [i10.DatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProductAndServicesComponent, [{
         type: Component,
         args: [{
@@ -15794,7 +15807,7 @@ CompanyInformationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", ctx.isCompanyVatEdit);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isCompanyVatEdit);
-    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i10.NgIf, i7$2.MatDivider, i23.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i22.MatFormField, i22.MatError, i8.MatButton, i17.MatIcon, i4.FaIconComponent], encapsulation: 2 });
+    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i10.NgIf, i7$1.MatDivider, i23.MatInput, i9$1.DefaultValueAccessor, i9$1.RequiredValidator, i9$1.NgControlStatus, i9$1.NgModel, i22.MatFormField, i22.MatError, i9.MatButton, i8.MatIcon, i4.FaIconComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyInformationComponent, [{
         type: Component,
         args: [{
@@ -15955,7 +15968,7 @@ TransactionsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Trans
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
-    } }, directives: [i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i7.MatCard, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i7$2.MatDivider, i8$1.DatatableComponent, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatAnchor], pipes: [i10.DatePipe], encapsulation: 2 });
+    } }, directives: [i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i7.MatCard, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i7$1.MatDivider, i8$1.DatatableComponent, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i9.MatAnchor], pipes: [i10.DatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TransactionsComponent, [{
         type: Component,
         args: [{
@@ -16263,7 +16276,7 @@ PaymentMethodComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Paym
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("flexGrow", 1)("sortable", false);
-    } }, directives: [i20.DefaultFlexDirective, i8$1.DatatableComponent, i10.NgClass, i22$1.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatButton], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i20.DefaultFlexDirective, i8$1.DatatableComponent, i10.NgClass, i22$1.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i9.MatButton], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentMethodComponent, [{
         type: Component,
         args: [{
@@ -16890,7 +16903,7 @@ CompanyPlansComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Compa
         i0.ɵɵproperty("checked", ctx.monthlyCheck);
         i0.ɵɵadvance(6);
         i0.ɵɵproperty("checked", ctx.yearlyCheck);
-    } }, directives: [i7.MatCard, i7.MatCardContent, i8.MatAnchor, i2.RouterLinkWithHref, i10.NgIf], styles: ["@import\"https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900\";@import\"https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900\";body[_ngcontent-%COMP%]{background-color:#eee}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{background-color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]{background-color:#f6f6f6}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#e4e4e4 rgba(0,0,0,0) rgba(0,0,0,0) #e4e4e4}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#525252}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .sign[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .currency[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .cent[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .month[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{color:#a7a7a7}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{background-color:#e4e4e4;border-left:5px solid #2ECC71}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{border:1px solid #2ECC71;color:#2ecc71}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#2ECC71 rgba(0,0,0,0) rgba(0,0,0,0) #2ECC71;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#2ecc71!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#379eff rgba(0,0,0,0) rgba(0,0,0,0) #379eff;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#379eff!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#b142ec rgba(0,0,0,0) rgba(0,0,0,0) #b142ec;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#b142ec!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif}.row[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]{padding:28px 0}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{overflow:hidden;position:relative;text-align:center}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]{margin:0 0 20px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]{margin:0 0 20px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-style:solid;border-width:60px 1411px 23px 399px;position:absolute}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]{padding-top:20px;position:relative;z-index:1}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif;font-size:28px;font-weight:400;letter-spacing:2px;margin:0;padding:0;text-transform:uppercase}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]{padding:0 0 5px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]{display:block}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .sign[_ngcontent-%COMP%]{display:inline-block;font-family:\"Lato\",sans-serif;font-size:28px;font-weight:400;vertical-align:middle}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .currency[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:40px;font-weight:300;letter-spacing:-2px;line-height:50px;padding:0;vertical-align:middle}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .cent[_ngcontent-%COMP%]{display:inline-block;font-family:\"Lato\",sans-serif;font-size:24px;font-weight:400;vertical-align:bottom}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .month[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:18px;font-weight:400;letter-spacing:3px;vertical-align:bottom}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{list-style:none;padding:0;margin:0}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:16px;padding:5px 0;transition:all .3s ease-in-out 0s}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{padding:0 10px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]{margin:10px 0 5px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;display:inline-block;font-family:\"Lato\",sans-serif;font-size:15px;outline:medium none;padding:8px 30px;text-decoration:none;text-transform:uppercase}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover, #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .price[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}@media (max-width: 767px){#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{margin-bottom:75px}}@media (min-width: 768px) and (max-width: 991px){#generic_price_table[_ngcontent-%COMP%]   .col-md-3[_ngcontent-%COMP%]{float:left;width:50%}#generic_price_table[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]{float:left;width:50%}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{margin-bottom:75px}}#generic_price_table_home[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif}.text-center[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], .text-center[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#7885cb;font-size:30px;font-weight:300;text-decoration:none}.demo-pic[_ngcontent-%COMP%]{margin:0 auto}.demo-pic[_ngcontent-%COMP%]:hover{opacity:.7}#generic_price_table_home[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin:0 auto;padding:0;list-style:none;display:table}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{float:left}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] + li[_ngcontent-%COMP%]{margin-left:10px;padding-bottom:10px}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:block;width:50px;height:50px;font-size:0px}#generic_price_table_home[_ngcontent-%COMP%]   .blue[_ngcontent-%COMP%]{background:#3498DB;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .emerald[_ngcontent-%COMP%]{background:#2ECC71;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .grey[_ngcontent-%COMP%]{background:#7F8C8D;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .midnight[_ngcontent-%COMP%]{background:#34495E;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{background:#E67E22;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .purple[_ngcontent-%COMP%]{background:#9B59B6;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .red[_ngcontent-%COMP%]{background:#E74C3C;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .turquoise[_ngcontent-%COMP%]{background:#1ABC9C;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .blue[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .emerald[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .grey[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .midnight[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .purple[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .red[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .turquoise[_ngcontent-%COMP%]:hover{border-radius:50px;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]{border-bottom:1px solid #ddd;margin-bottom:20px;padding:20px}#generic_price_table_home[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{width:100%;display:table;height:2px;background:#ddd;margin:50px auto;line-height:2px}#generic_price_table_home[_ngcontent-%COMP%]   .itemname[_ngcontent-%COMP%]{text-align:center;font-size:50px;padding:50px 0 20px;border-bottom:1px solid #ddd;margin-bottom:40px;text-decoration:none;font-weight:300}#generic_price_table_home[_ngcontent-%COMP%]   .itemnametext[_ngcontent-%COMP%]{text-align:center;font-size:20px;padding-top:5px;text-transform:uppercase;display:inline-block}#generic_price_table_home[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{padding:40px 0}.price-heading[_ngcontent-%COMP%]{text-align:center}.price-heading[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{color:#666;margin:0;padding:0 0 50px}.demo-button[_ngcontent-%COMP%]{background-color:#333;color:#fff;display:table;font-size:20px;margin:20px auto 50px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:10px;text-align:center;text-transform:uppercase}.bottom_btn[_ngcontent-%COMP%]{background-color:#333;color:#fff;display:table;font-size:28px;margin:60px auto 20px;padding:10px 25px;text-align:center;text-transform:uppercase}.demo-button[_ngcontent-%COMP%]:hover{background-color:#666;color:#fff;text-decoration:none}.bottom_btn[_ngcontent-%COMP%]:hover{background-color:#666;color:#fff;text-decoration:none}.generic_feature_list[_ngcontent-%COMP%]{height:600px!important}.highlight[_ngcontent-%COMP%]{background-color:#2ecc71!important}.text-right-align[_ngcontent-%COMP%]{text-align:right}.cd-pricing-switcher[_ngcontent-%COMP%]{text-align:center}.cd-pricing-switcher[_ngcontent-%COMP%]   .fieldset[_ngcontent-%COMP%]{display:inline-block;position:relative;padding:2px 0 0;border-radius:50em;border:1px solid #dfe3eb;margin-top:15px;background-color:#dfe3eb}.cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]{position:absolute;opacity:0}.cd-pricing-switcher[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{position:relative;z-index:1;display:inline-block;float:left;width:155px;height:45px;line-height:20px;cursor:pointer;font-size:12px;color:#000;font-family:Avenir Next W02,Helvetica,Arial,sans-serif}.cd-pricing-switcher[_ngcontent-%COMP%]   .cd-switch[_ngcontent-%COMP%]{position:absolute;top:0px;left:0px;height:48px;width:155px;background-color:#fff;border-radius:50em;transition:transform .5s;border:1px solid black}.cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%] + .cd-switch[_ngcontent-%COMP%], .cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%]:nth-of-type(n) + .cd-switch[_ngcontent-%COMP%]{transform:translate(155px)}.cd-pricing-container[_ngcontent-%COMP%]{width:90%;max-width:1170px;margin:4em auto}@media only screen and (min-width: 768px){.cd-pricing-container[_ngcontent-%COMP%]{margin:6em auto}.cd-pricing-container.cd-full-width[_ngcontent-%COMP%]{width:100%;max-width:none}}.private-button[_ngcontent-%COMP%]{background-color:#ff8f73;border-color:#ff8f73;color:#fff}"] });
+    } }, directives: [i7.MatCard, i7.MatCardContent, i9.MatAnchor, i2.RouterLinkWithHref, i10.NgIf], styles: ["@import\"https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900\";@import\"https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900\";body[_ngcontent-%COMP%]{background-color:#eee}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{background-color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]{background-color:#f6f6f6}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#e4e4e4 rgba(0,0,0,0) rgba(0,0,0,0) #e4e4e4}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#525252}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .sign[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .currency[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .cent[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .month[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{color:#a7a7a7}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#414141}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{background-color:#e4e4e4;border-left:5px solid #2ECC71}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{border:1px solid #2ECC71;color:#2ecc71}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#2ECC71 rgba(0,0,0,0) rgba(0,0,0,0) #2ECC71;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#2ecc71!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#379eff rgba(0,0,0,0) rgba(0,0,0,0) #379eff;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active1[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#379eff!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-color:#b142ec rgba(0,0,0,0) rgba(0,0,0,0) #b142ec;color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#fff}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content.active2[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{background-color:#b142ec!important;color:#fff!important}#generic_price_table[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif}.row[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]{padding:28px 0}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{overflow:hidden;position:relative;text-align:center}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]{margin:0 0 20px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]{margin:0 0 20px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%]{border-style:solid;border-width:60px 1411px 23px 399px;position:absolute}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]{padding-top:20px;position:relative;z-index:1}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif;font-size:28px;font-weight:400;letter-spacing:2px;margin:0;padding:0;text-transform:uppercase}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]{padding:0 0 5px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]{display:block}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .sign[_ngcontent-%COMP%]{display:inline-block;font-family:\"Lato\",sans-serif;font-size:28px;font-weight:400;vertical-align:middle}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .currency[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:40px;font-weight:300;letter-spacing:-2px;line-height:50px;padding:0;vertical-align:middle}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%]   .cent[_ngcontent-%COMP%]{display:inline-block;font-family:\"Lato\",sans-serif;font-size:24px;font-weight:400;vertical-align:bottom}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_price_tag[_ngcontent-%COMP%]   .month[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:18px;font-weight:400;letter-spacing:3px;vertical-align:bottom}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{list-style:none;padding:0;margin:0}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-family:\"Lato\",sans-serif;font-size:16px;padding:5px 0;transition:all .3s ease-in-out 0s}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_feature_list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{padding:0 10px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]{margin:10px 0 5px}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;display:inline-block;font-family:\"Lato\",sans-serif;font-size:15px;outline:medium none;padding:8px 30px;text-decoration:none;text-transform:uppercase}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover, #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head_bg[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_head_price[_ngcontent-%COMP%]   .generic_head_content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .price[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .price[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], #generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]:hover   .generic_price_btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}@media (max-width: 767px){#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{margin-bottom:75px}}@media (min-width: 768px) and (max-width: 991px){#generic_price_table[_ngcontent-%COMP%]   .col-md-3[_ngcontent-%COMP%]{float:left;width:50%}#generic_price_table[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]{float:left;width:50%}#generic_price_table[_ngcontent-%COMP%]   .generic_content[_ngcontent-%COMP%]{margin-bottom:75px}}#generic_price_table_home[_ngcontent-%COMP%]{font-family:\"Raleway\",sans-serif}.text-center[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], .text-center[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#7885cb;font-size:30px;font-weight:300;text-decoration:none}.demo-pic[_ngcontent-%COMP%]{margin:0 auto}.demo-pic[_ngcontent-%COMP%]:hover{opacity:.7}#generic_price_table_home[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin:0 auto;padding:0;list-style:none;display:table}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{float:left}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] + li[_ngcontent-%COMP%]{margin-left:10px;padding-bottom:10px}#generic_price_table_home[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:block;width:50px;height:50px;font-size:0px}#generic_price_table_home[_ngcontent-%COMP%]   .blue[_ngcontent-%COMP%]{background:#3498DB;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .emerald[_ngcontent-%COMP%]{background:#2ECC71;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .grey[_ngcontent-%COMP%]{background:#7F8C8D;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .midnight[_ngcontent-%COMP%]{background:#34495E;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{background:#E67E22;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .purple[_ngcontent-%COMP%]{background:#9B59B6;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .red[_ngcontent-%COMP%]{background:#E74C3C;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .turquoise[_ngcontent-%COMP%]{background:#1ABC9C;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .blue[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .emerald[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .grey[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .midnight[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .purple[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .red[_ngcontent-%COMP%]:hover, #generic_price_table_home[_ngcontent-%COMP%]   .turquoise[_ngcontent-%COMP%]:hover{border-radius:50px;transition:all .3s ease-in-out 0s}#generic_price_table_home[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]{border-bottom:1px solid #ddd;margin-bottom:20px;padding:20px}#generic_price_table_home[_ngcontent-%COMP%]   .divider[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{width:100%;display:table;height:2px;background:#ddd;margin:50px auto;line-height:2px}#generic_price_table_home[_ngcontent-%COMP%]   .itemname[_ngcontent-%COMP%]{text-align:center;font-size:50px;padding:50px 0 20px;border-bottom:1px solid #ddd;margin-bottom:40px;text-decoration:none;font-weight:300}#generic_price_table_home[_ngcontent-%COMP%]   .itemnametext[_ngcontent-%COMP%]{text-align:center;font-size:20px;padding-top:5px;text-transform:uppercase;display:inline-block}#generic_price_table_home[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{padding:40px 0}.price-heading[_ngcontent-%COMP%]{text-align:center}.price-heading[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{color:#666;margin:0;padding:0 0 50px}.demo-button[_ngcontent-%COMP%]{background-color:#333;color:#fff;display:table;font-size:20px;margin:20px auto 50px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:10px;text-align:center;text-transform:uppercase}.bottom_btn[_ngcontent-%COMP%]{background-color:#333;color:#fff;display:table;font-size:28px;margin:60px auto 20px;padding:10px 25px;text-align:center;text-transform:uppercase}.demo-button[_ngcontent-%COMP%]:hover{background-color:#666;color:#fff;text-decoration:none}.bottom_btn[_ngcontent-%COMP%]:hover{background-color:#666;color:#fff;text-decoration:none}.generic_feature_list[_ngcontent-%COMP%]{height:600px!important}.highlight[_ngcontent-%COMP%]{background-color:#2ecc71!important}.text-right-align[_ngcontent-%COMP%]{text-align:right}.cd-pricing-switcher[_ngcontent-%COMP%]{text-align:center}.cd-pricing-switcher[_ngcontent-%COMP%]   .fieldset[_ngcontent-%COMP%]{display:inline-block;position:relative;padding:2px 0 0;border-radius:50em;border:1px solid #dfe3eb;margin-top:15px;background-color:#dfe3eb}.cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]{position:absolute;opacity:0}.cd-pricing-switcher[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{position:relative;z-index:1;display:inline-block;float:left;width:155px;height:45px;line-height:20px;cursor:pointer;font-size:12px;color:#000;font-family:Avenir Next W02,Helvetica,Arial,sans-serif}.cd-pricing-switcher[_ngcontent-%COMP%]   .cd-switch[_ngcontent-%COMP%]{position:absolute;top:0px;left:0px;height:48px;width:155px;background-color:#fff;border-radius:50em;transition:transform .5s;border:1px solid black}.cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%] + .cd-switch[_ngcontent-%COMP%], .cd-pricing-switcher[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%]:nth-of-type(n) + .cd-switch[_ngcontent-%COMP%]{transform:translate(155px)}.cd-pricing-container[_ngcontent-%COMP%]{width:90%;max-width:1170px;margin:4em auto}@media only screen and (min-width: 768px){.cd-pricing-container[_ngcontent-%COMP%]{margin:6em auto}.cd-pricing-container.cd-full-width[_ngcontent-%COMP%]{width:100%;max-width:none}}.private-button[_ngcontent-%COMP%]{background-color:#ff8f73;border-color:#ff8f73;color:#fff}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyPlansComponent, [{
         type: Component,
         args: [{