asap-feed-beta 12.2.1-dev.4 → 12.2.2-dev.1

package/fesm5/asap-feed-beta.js

@@ -3,7 +3,7 @@ import { __values, __spread, __awaiter, __generator, __extends } from 'tslib';
 import { HttpClient, HttpRequest, HttpHeaders } from '@angular/common/http';
 import { AngularFirestore } from '@angular/fire/firestore';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Global, AsapService, AsapBaseService } from 'asap-crud';
+import { Global, AsapService, AsapBaseService, BaseService } from 'asap-crud';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { CurrencyPipe, CommonModule } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -107,28 +107,36 @@ var AsapFeedService = /** @class */ (function () {
      * @param {?} feed_id
      * @param {?=} user
      * @param {?=} query
+     * @param {?=} filterByMe
      * @return {?}
      */
     AsapFeedService.prototype.getFeed = /**
      * @param {?} feed_id
      * @param {?=} user
      * @param {?=} query
+     * @param {?=} filterByMe
      * @return {?}
      */
-    function (feed_id, user, query) {
+    function (feed_id, user, query, filterByMe) {
         if (user === void 0) { user = null; }
         if (query === void 0) { query = null; }
+        if (filterByMe === void 0) { filterByMe = false; }
         /** @type {?} */
         var limit = 6;
         /** @type {?} */
         var url;
+        /** @type {?} */
+        var me = '';
+        if (filterByMe) {
+            me = 'filterByMe&';
+        }
         if (!query) {
             console.log('Not Query');
-            url = this.baseUrlAPI + "/mobile/feed/" + feed_id + "?limit=" + limit + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
+            url = this.baseUrlAPI + "/mobile/feed/" + feed_id + "?" + me + "limit=" + limit + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
         }
         else if (query && query.searchBy && query.searchValue) {
             console.log('Query');
-            url = this.baseUrlAPI + "/mobile/feed/" + feed_id + "?limit=" + limit + "&searchBy=" + query.searchBy + "&searchValue=" + query.searchValue + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
+            url = this.baseUrlAPI + "/mobile/feed/" + feed_id + "?" + me + "limit=" + limit + "&searchBy=" + query.searchBy + "&searchValue=" + query.searchValue + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
         }
         return this.http.post(url, { user: user });
     };
@@ -148,6 +156,7 @@ var AsapFeedService = /** @class */ (function () {
      * @param {?} last_documment
      * @param {?=} user
      * @param {?=} query
+     * @param {?=} filterByMe
      * @return {?}
      */
     AsapFeedService.prototype.getMoreFeed = /**
@@ -155,18 +164,25 @@ var AsapFeedService = /** @class */ (function () {
      * @param {?} last_documment
      * @param {?=} user
      * @param {?=} query
+     * @param {?=} filterByMe
      * @return {?}
      */
-    function (limit, last_documment, user, query) {
+    function (limit, last_documment, user, query, filterByMe) {
         if (user === void 0) { user = null; }
         if (query === void 0) { query = null; }
+        if (filterByMe === void 0) { filterByMe = false; }
         /** @type {?} */
         var url;
+        /** @type {?} */
+        var me = '';
+        if (filterByMe) {
+            me = '&filterByMe';
+        }
         if (!query) {
-            url = this.baseUrlAPI + ("/mobile/feed?limit=" + limit + "&last_doc=" + last_documment + "&feed_path=" + path().feed + "&client_id=" + this.client_id);
+            url = this.baseUrlAPI + ("/mobile/feed?" + me + "limit=" + limit + "&last_doc=" + last_documment + "&feed_path=" + path().feed + "&client_id=" + this.client_id);
         }
         else if (query && query.searchBy && query.searchValue) {
-            url = this.baseUrlAPI + "/mobile/feed?limit=" + limit + "&last_doc=" + last_documment + "&searchBy=" + query.searchBy + "&searchValue=" + query.searchValue + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
+            url = this.baseUrlAPI + "/mobile/feed?" + me + "limit=" + limit + "&last_doc=" + last_documment + "&searchBy=" + query.searchBy + "&searchValue=" + query.searchValue + "&feed_path=" + path().feed + "&client_id=" + this.client_id;
         }
         return this.http.post(url, { user: user });
     };
@@ -340,6 +356,7 @@ var AsapFeedBetaComponent = /** @class */ (function () {
         this.topPosToStartShowing = 400;
         this.showToTopButton = false;
         this.isSinglePost = false;
+        this.filterByMe = false;
         this.loading = true;
         this.query = null;
     }
@@ -423,8 +440,10 @@ var AsapFeedBetaComponent = /** @class */ (function () {
     function (feed_id) {
         var _this = this;
         if (feed_id === void 0) { feed_id = ''; }
-        console.log('[getFeed] Query', this.query);
-        this.feedService.getFeed(feed_id, this.global.loggedUser(), this.query).subscribe((/**
+        console.log('[getFeed] Query', this.query, this.filterByMe);
+        this.feeds = [];
+        this.loading = true;
+        this.feedService.getFeed(feed_id, this.global.loggedUser(), this.query, this.filterByMe).subscribe((/**
          * @param {?} response
          * @return {?}
          */
@@ -447,7 +466,7 @@ var AsapFeedBetaComponent = /** @class */ (function () {
         console.log('[getMore]', this.paginate.next_document);
         if (this.paginate.next_document) {
             this.loading = true;
-            this.feedService.getMoreFeed(5, this.paginate.next_document, this.global.loggedUser(), this.query).subscribe((/**
+            this.feedService.getMoreFeed(5, this.paginate.next_document, this.global.loggedUser(), this.query, this.filterByMe).subscribe((/**
              * @param {?} response
              * @return {?}
              */
@@ -693,10 +712,22 @@ var AsapFeedBetaComponent = /** @class */ (function () {
             _this.db.collection(documentID + "/history").add(data);
         }));
     };
+    /**
+     * @param {?} filterByMe
+     * @return {?}
+     */
+    AsapFeedBetaComponent.prototype.reload = /**
+     * @param {?} filterByMe
+     * @return {?}
+     */
+    function (filterByMe) {
+        this.filterByMe = filterByMe;
+        this.getFeed();
+    };
     AsapFeedBetaComponent.decorators = [
         { type: Component, args: [{
                     selector: 'asap-feed-beta',
-                    template: "<!-- <code>{{publication}}/{{hasID}}/{{isSinglePost}}</code> -->\r\n<feed-publication [announce]=\"announce\" (feedCreated)=\"onNewFeed($event)\"\r\n  *ngIf=\"publication && !hasID && !isSinglePost\"></feed-publication>\r\n<app-stories *ngIf=\"stories && !hasID && !isSinglePost\"></app-stories>\r\n\r\n<!-- Este trecho do c\u00F3digo foi removido, pois ele fazia o Feed ficar flicando na tela. -->\r\n<ng-container *ngIf=\"!feeds\">\r\n  <div [class.col-sm-8]=\"hasID\" [class.mx-auto]=\"hasID\">\r\n    <ng-container *ngFor=\"let item of [0,1]\">\r\n      <div class=\"mt-5\">\r\n        <mat-card class=\"feed-card\">\r\n          <mat-card-header class=\"feed-header\">\r\n            <div mat-card-avatar>\r\n              <ngx-skeleton-loader animation=\"progress\" appearance=\"circle\" [theme]=\"{height:'40px'}\">\r\n              </ngx-skeleton-loader>\r\n            </div>\r\n            <mat-card-title>\r\n              <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'20px','transform': 'initial'}\">\r\n              </ngx-skeleton-loader>\r\n              <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'15px','transform': 'initial'}\">\r\n              </ngx-skeleton-loader>\r\n            </mat-card-title>\r\n\r\n          </mat-card-header>\r\n\r\n          <ng-container>\r\n            <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'400px','transform': 'initial'}\">\r\n            </ngx-skeleton-loader>\r\n          </ng-container>\r\n\r\n        </mat-card>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"feeds\">\r\n  <ng-container *ngFor=\"let item of feeds\">\r\n    <div [class.focus-on-me]=\"item.focus\" [class.col-sm-8]=\"hasID\" [class.mx-auto]=\"hasID\">\r\n      <app-feed-item [owner]=\"this\" [item]=\"item\" (isVisible)=\"sendVisible($event)\"></app-feed-item>\r\n    </div>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<div infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"2000\" [infiniteScrollDisabled]=\"\r\n        loading || \r\n        paginate.count >= paginate.limit || \r\n        isSinglePost || \r\n        paginate.last_document === paginate.next_document\" (scrolled)=\"getMore()\">\r\n</div>\r\n\r\n<button *ngIf=\"showToTopButton\" (click)=\"gotoTop()\" style=\"position: fixed;\r\n        bottom: 0;\r\n        right: 0;\r\n        color:#FFFF;\r\n        font-size: 20px;\r\n        margin-right: 10px;\r\n        margin-bottom: 10px;\r\n        height: 35px;\r\n        width: 35px;\r\n        border: none;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n        outline: none;\r\n        transition: all 1s ease-in;\r\n        background-color: var(--main-color);\r\n        z-index: 99999;\r\n        \">\r\n  <i class=\"fa fa-angle-up\"></i>\r\n</button>\r\n",
+                    template: "<!-- <code>{{publication}}/{{hasID}}/{{isSinglePost}}</code> -->\r\n\r\n<app-stories *ngIf=\"stories && !hasID && !isSinglePost\"></app-stories>\r\n<feed-publication [announce]=\"announce\" (feedCreated)=\"onNewFeed($event)\" (filter)=\"reload($event)\" *ngIf=\"publication && !hasID && !isSinglePost\"></feed-publication>\r\n\r\n<!-- Este trecho do c\u00F3digo foi removido, pois ele fazia o Feed ficar flicando na tela. -->\r\n<ng-container *ngIf=\"!feeds\">\r\n  <div [class.col-sm-8]=\"hasID\" [class.mx-auto]=\"hasID\">\r\n    <ng-container *ngFor=\"let item of [0,1]\">\r\n      <div class=\"mt-5\">\r\n        <mat-card class=\"feed-card\">\r\n          <mat-card-header class=\"feed-header\">\r\n            <div mat-card-avatar>\r\n              <ngx-skeleton-loader animation=\"progress\" appearance=\"circle\" [theme]=\"{height:'40px'}\">\r\n              </ngx-skeleton-loader>\r\n            </div>\r\n            <mat-card-title>\r\n              <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'20px','transform': 'initial'}\">\r\n              </ngx-skeleton-loader>\r\n              <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'15px','transform': 'initial'}\">\r\n              </ngx-skeleton-loader>\r\n            </mat-card-title>\r\n\r\n          </mat-card-header>\r\n\r\n          <ng-container>\r\n            <ngx-skeleton-loader animation=\"progress\" [theme]=\"{height:'400px','transform': 'initial'}\">\r\n            </ngx-skeleton-loader>\r\n          </ng-container>\r\n\r\n        </mat-card>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"feeds\">\r\n  <ng-container *ngFor=\"let item of feeds\">\r\n    <div [class.focus-on-me]=\"item.focus\" [class.col-sm-8]=\"hasID\" [class.mx-auto]=\"hasID\">\r\n      <app-feed-item [owner]=\"this\" [item]=\"item\" (isVisible)=\"sendVisible($event)\"></app-feed-item>\r\n    </div>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<div infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"2000\" [infiniteScrollDisabled]=\"\r\n        loading || \r\n        paginate.count >= paginate.limit || \r\n        isSinglePost || \r\n        paginate.last_document === paginate.next_document\" (scrolled)=\"getMore()\">\r\n</div>\r\n\r\n<button *ngIf=\"showToTopButton\" (click)=\"gotoTop()\" style=\"position: fixed;\r\n        bottom: 0;\r\n        right: 0;\r\n        color:#FFFF;\r\n        font-size: 20px;\r\n        margin-right: 10px;\r\n        margin-bottom: 10px;\r\n        height: 35px;\r\n        width: 35px;\r\n        border: none;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n        outline: none;\r\n        transition: all 1s ease-in;\r\n        background-color: var(--main-color);\r\n        z-index: 99999;\r\n        \">\r\n  <i class=\"fa fa-angle-up\"></i>\r\n</button>\r\n",
                     styles: ['./asap-feed.beta.componente.scss']
                 }] }
     ];
@@ -746,6 +777,8 @@ if (false) {
     AsapFeedBetaComponent.prototype.showToTopButton;
     /** @type {?} */
     AsapFeedBetaComponent.prototype.isSinglePost;
+    /** @type {?} */
+    AsapFeedBetaComponent.prototype.filterByMe;
     /**
      * @type {?}
      * @private
@@ -1034,6 +1067,8 @@ if (false) {
     FeedModel.prototype.title;
     /** @type {?} */
     FeedModel.prototype.files;
+    /** @type {?} */
+    FeedModel.prototype.selected_users;
 }
 
 /**
@@ -2065,7 +2100,7 @@ var FeedModalItemEditComponent = /** @class */ (function () {
                     selector: 'lib-feed-modal-item-edit',
                     template: "<div mat-dialog-content>\r\n  <div class=\"form-feed mt-4\">\r\n    <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\r\n    <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\r\n      <i class=\"fa fa-user\"></i>\r\n    </div>\r\n\r\n    <textarea class=\"form-control\" [(ngModel)]=\"title\" id=\"\" rows=\"3\"\r\n      placeholder=\"{{ 'SharedPlaceholderText' | translate }}\" (input)=\"checkPublicationType(title)\"></textarea>\r\n    <div class=\"clearfix\"></div>\r\n\r\n    <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n\r\n      <ng-container *ngFor=\"let file of tmpFileArray\">\r\n        <div class=\"col-sm-4 mb-4 tmp-file-wrapper\" *ngIf=\"file.type == 'video' || file.type == 'image'\">\r\n          <div class=\"tmp-file-buttons-overlay\">\r\n            <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\r\n              <span class=\"fa fa-remove\"></span>\r\n            </button>\r\n          </div>\r\n          <div class=\"tmp-file-content outline-bordered\">\r\n\r\n             <ng-container *ngIf=\"file.type === 'image'\">\r\n              <img [src]=\"file.name\" *ngIf=\"file.name\" class=\"img-responsive tmp-upload\"/>\r\n            </ng-container>\r\n\r\n            <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" [autoplay]=\"true\" [muted]=\"'muted'\" loop *ngIf=\"file.type === 'video'\">\r\n              <!-- <code>{{ file.name | json }}</code> -->\r\n              <ng-container *ngIf=\"file.new\">\r\n                <source [src]=\"file.name\"/>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!file.new\">\r\n                <source [src]=\"file.url | stream:'link'\"/>\r\n              </ng-container>\r\n              \r\n              \r\n            </video>\r\n          </div>\r\n        </div>\r\n  \r\n        <div class=\"col-sm-12\" *ngIf=\"file.type == 'embed'\">\r\n          <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\" [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\" allowfullscreen></iframe>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n<div class=\"row mt-4\">\r\n  <div class=\"col-6 float-left\" *ngIf=\"global?.loggedUser()\">\r\n    <ng-container *ngIf=\"type != 'embed'\">\r\n      <label>\r\n        <a class=\"btn btn-feed btn-round btn-primary\">\r\n          <span>{{ 'ImageAndVideo' | translate }}</span>\r\n        </a>\r\n        <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\r\n      </label>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"type == 'embed'\">\r\n      <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"removeEmbedFiles()\">\r\n        {{ 'Remove' | translate }}\r\n    </button>\r\n    </ng-container>\r\n    \r\n    <ng-container *ngIf=\"showAnnouncePublication\">\r\n\r\n      <ng-container *ngIf=\"global?.loggedUser()?.lojista\">\r\n        <ng-container *ngIf=\"global?.loggedUser()?.vitrine\">\r\n          <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"openAnnounceModal()\"\r\n            style=\"margin-left: 5px;\">\r\n            <i class=\"fa fa-bullhorn\"></i>\r\n            <span class=\"text\">{{ 'Announce' | translate }}</span>\r\n          </a>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine\">\r\n        <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"notAnnounce('lojista')\"\r\n          style=\"margin-left: 5px;\">\r\n          <i class=\"fa fa-bullhorn\"></i>\r\n          <span class=\"text\">{{ 'Announce' | translate }}</span>\r\n        </a>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine\">\r\n        <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"notAnnounce('vitrine')\"\r\n          style=\"margin-left: 5px;\">\r\n          <i class=\"fa fa-bullhorn\"></i>\r\n          <span class=\"text\">{{ 'Publish' | translate }}</span>\r\n        </a>\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"col-6 float-right text-right\">\r\n    <button class=\"btn btn-feed btn-primary btn-custom-social\" [disabled]=\"uploading\" (click)=\"share()\"\r\n      *ngIf=\"!newProduct\">\r\n      <span *ngIf=\"!uploading\">\r\n        <span>{{ 'Publish' | translate }}</span>\r\n      </span>\r\n      <span *ngIf=\"uploading\">\r\n        <i class=\"fa fa-spin fa-spinner\"></i>\r\n        {{ 'Processing' | translate }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n \r\n  <!-- <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"close()\">\r\n    {{ 'Close' | translate }}\r\n  </button>\r\n  <button class=\"btn btn-feed btn-primary btn-custom-social\" [disabled]=\"uploading\" (click)=\"share()\"\r\n    *ngIf=\"!newProduct\">\r\n    <span *ngIf=\"!uploading\">\r\n      <span>{{ 'Publish' | translate }}</span>\r\n    </span>\r\n    <span *ngIf=\"uploading\">\r\n      <i class=\"fa fa-spin fa-spinner\"></i>\r\n      {{ 'Processing' | translate }}\r\n    </span>\r\n  </button> -->\r\n\r\n",
                     providers: [StreamService],
-                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", ".form-feed{box-shadow:none!important;-webkit-box-shadow:none!important}.mat-dialog-container{border-radius:24px!important;margin:0!important;padding:0 5px!important}"]
+                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", ".form-feed{box-shadow:none!important;-webkit-box-shadow:none!important}.mat-dialog-container{border-radius:24px!important;margin:0!important;padding:0 5px!important}"]
                 }] }
     ];
     /** @nocollapse */
@@ -2481,9 +2516,9 @@ var FeedItemComponent = /** @class */ (function () {
     FeedItemComponent.decorators = [
         { type: Component, args: [{
                     selector: 'app-feed-item',
-                    template: "<ng-container *ngIf=\"item && item.status && !item.deleted\">\r\n    <mat-card #visibleControl class=\"feed-card\" id=\"{{ item.id +'#'+ item.type}}\">\r\n        <mat-card-header class=\"feed-header ml-2\">\r\n            <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"false\"\r\n                [closeOnMouseOutside]=\"false\" [animation]=\"true\">\r\n                <div class='minibio'>\r\n                    <img [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n                        (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\"\r\n                        alt=\"{{ item?.user_info?.name }}\">\r\n                    <div class=\"info\"><b>{{ item?.user_info?.name }}</b><br />\r\n                        <!-- <span class=\"location\"><i class=\"icon fa fa-globe\" aria-hidden=\"true\"></i>&nbsp;Fortaleza/CE</span> -->\r\n                    </div>\r\n                </div>\r\n            </popover-content>\r\n            <div mat-card-avatar>\r\n                <a [routerLink]=\"['/profile',item.user_info?.id]\"><img\r\n                        [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n                        class=\"feed-avatar mr-1\" (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\"\r\n                        alt=\"{{ item?.user_info?.name }}\" [popover]=\"myPopover\" [popoverOnHover]=\"true\"></a>\r\n            </div>\r\n\r\n            <mat-card-title>\r\n                <h4 class=\"ml-2\"><b><a [routerLink]=\"['/profile',item.user_info?.id]\">{{ item?.user_info?.name }}</a> <i\r\n                            *ngIf=\"item?.channel_id\" class=\"material-icons text-primary\"\r\n                            matTooltip=\"Este \u00E9 um post Institucional\" matTooltipClass=\"tooltip-primary\">done_all</i></b>\r\n                </h4>\r\n                <p class=\"ml-2\"> {{ 'SharedPublication' | translate }} <a [routerLink]=\"['/portal',item.id]\">{{\r\n                        item?.updated_at | amTimeAgo }}</a></p>\r\n            </mat-card-title>\r\n\r\n            <ng-container *ngIf=\"global.loggedUser()\">\r\n                <div class=\"feed-buttom-option\" *ngIf=\"item.user_info.id === global.loggedUser().id\">\r\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" [disabled]=\"!item.status\">\r\n                        <mat-icon>more_vert</mat-icon>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                        <button mat-menu-item (click)=\"onEditItem()\" [disabled]=\"!item.status\">\r\n                            <mat-icon>create</mat-icon>\r\n                            <span>{{ 'Edit' | translate }}</span>\r\n                        </button>\r\n                        <button mat-menu-item (click)=\"onRemoveItem(item)\" [disabled]=\"!item.status\">\r\n                            <mat-icon>delete</mat-icon>\r\n                            <span>{{ 'Remove' | translate }}</span>\r\n                        </button>\r\n                    </mat-menu>\r\n                </div>\r\n                <div *ngIf=\"item.isHighlighted\" matTooltip=\"Post destacado\" class=\"feed-buttom-option pinned-feed\">\r\n                    <i class=\"fa fa-thumb-tack fa-lg\"></i>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </mat-card-header>\r\n\r\n        <ng-container *ngIf=\"item.type != 'announce'\">\r\n            <!-- <code>{{item.additional_data | json}}</code> -->\r\n            <ng-container *ngIf=\"!(item.files && item.files.length > 0)\">\r\n                <div class=\"card card-file mt-0 pointer\">\r\n                    <!-- <div class=\"card-cover\"> -->\r\n                    <ng-container *ngIf=\"item.additional_data && item.additional_data.image\">\r\n                        <img style=\"display: none;\" [src]=\"item.additional_data.image\" (load)=\"onloadImage($event)\"\r\n                            (error)=\"onErrorImage($event)\">\r\n\r\n                        <div class=\"container-mat-card\" *ngIf=\"imageLoaded\">\r\n                            <img class=\"bg-mat-card\" [src]=\"item.additional_data.image\">\r\n                            <img mat-card-image [src]=\"item.additional_data.image\">\r\n                        </div>\r\n\r\n                        <div class=\"container-mat-card\" *ngIf=\"!imageLoaded\">\r\n                            <img mat-card-image [src]=\"'assets/img/background-blur-' + blurBackgroundIndex + '.png'\">\r\n                        </div>\r\n                    </ng-container>\r\n                    <!-- </div> -->\r\n                    <a *ngIf=\"item.additional_data && item.additional_data.file_id\"\r\n                        [routerLink]=\"['/channel/files/' + item.channel_id +'/'+ item.additional_data.file_id]\"\r\n                        class=\"circle\">\r\n                        <i class=\"fa fa-file-text-o\"></i>\r\n                    </a>\r\n                    <div *ngIf=\"item.additional_data && item.additional_data.description\" class=\"card-content\">\r\n                        <div class=\"clearfix\"></div>\r\n                        <p class=\"description m-3\" [innerHTML]=\"linkify(item.additional_data.description)\"></p>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"item.files && item.files.length > 0\">\r\n\r\n                <ng-container *ngIf=\"item.files.length === 1\">\r\n                    <ng-container *ngFor=\"let file of item.files\">\r\n                        <ng-container *ngIf=\"file.type == 'image'\">\r\n\r\n                            <img style=\"display: none;\" [src]=\"file.name || file.url\" (load)=\"onloadImage($event)\"\r\n                                (error)=\"onErrorImage($event)\">\r\n\r\n                            <div class=\"container-mat-card\" *ngIf=\"imageLoaded\">\r\n                                <img class=\"bg-mat-card\" [src]=\"file.name || file.url\">\r\n                                <img mat-card-image [src]=\"file.name || file.url\">\r\n                            </div>\r\n\r\n                            <div class=\"container-mat-card\" *ngIf=\"!imageLoaded\">\r\n                                <img mat-card-image\r\n                                    [src]=\"'assets/img/background-blur-' + blurBackgroundIndex + '.png'\">\r\n                            </div>\r\n\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngIf=\"file.type == 'video'\">\r\n                            <div class=\"carousel custom-carrousel\">\r\n                                <div class=\"content\">\r\n                                    <div class=\"item\">\r\n                                        <div class=\"video-overlay cloudinary-true\" *ngIf=\"file.isCloudinary == true\"\r\n                                            [style.background-image]=\"file.thumb | stream: 'backgroundImage'\"></div>\r\n\r\n                                        <div class=\"video-overlay youtube-true\" *ngIf=\"!file.isYoutube == true\"\r\n                                            [style.background-image]=\"file.url | stream: 'styleThumbUrl'\"></div>\r\n\r\n                                        <div class=\"video-overlay not-cloudinary-youtube\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                            [style.background-image]=\"file.url | stream: 'styleThumbUrl'\"></div>\r\n\r\n                                        <video attr.type='stream' #videoPlayer\r\n                                            *ngIf=\"!file.isCloudinary && !file.isYoutube\" (click)=\"playVideo($event)\"\r\n                                            (onloadeddata)=\"checkVideoRender(file.url)\" class=\"video not-cloudinary-youtube\" width=\"100%\"\r\n                                            controls=\"false\" preload=\"metadata\" poster=\"{{file.url | stream:'thumb'}}\">\r\n                                            <source [src]=\"file.url | stream:'link'\" />\r\n                                        </video>\r\n\r\n                                        <video attr.type='cloudinary' #videoPlayer *ngIf=\"file.isCloudinary == true\"\r\n                                            (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                                            class=\"video cloudinary-true\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                                            poster=\"{{file.thumb}}\">\r\n                                            <source [src]=\"file.url\" />\r\n                                        </video>\r\n\r\n                                        <ng-container *ngIf=\"file.isYoutube == true\">\r\n                                            <iframe attr.type='youtube' #videoPlayer\r\n                                                [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\" frameborder=\"0\"\r\n                                                width=\"100%\" class=\"video\"></iframe>\r\n                                        </ng-container>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngIf=\"file.type == 'pdf' || file.type == 'txt'\">\r\n                            <div class=\"container-mat-card px-3\">\r\n                                <a [routerLink]=\"['/channel/files/' + file.channel_id + '/' + file.file_id]\"\r\n                                    class=\"w-100\">\r\n\r\n                                    <div class=\"card card-file mt-0 pointer\">\r\n                                        <div class=\"card-cover\">\r\n                                            <a [routerLink]=\"['/channel/files/' + file.channel_id +'/'+ file.file_id]\">\r\n                                                <ng-container *ngIf=\"file.image\">\r\n                                                    <img [src]=\"file.image\" alt=\"\">\r\n                                                </ng-container>\r\n\r\n                                                <ng-container *ngIf=\"!file.image || file.image == null\">\r\n                                                    <h4 class=\"title\" [innerHTML]=\"linkify(file.title)\"></h4>\r\n                                                </ng-container>\r\n                                            </a>\r\n                                        </div>\r\n                                        <a [routerLink]=\"['/channel/files/' + file.channel_id +'/'+ file.file_id]\"\r\n                                            class=\"circle\">\r\n                                            <i *ngIf=\"file.type == 'pdf'\" class=\"fa fa-file-pdf-o\"></i>\r\n                                            <i *ngIf=\"file.type == 'txt'\" class=\"fa fa-file-text-o\"></i>\r\n                                        </a>\r\n                                        <div class=\"card-content\">\r\n                                            <div class=\"clearfix\"></div>\r\n                                            <p class=\"description mb-3\" [innerHTML]=\"linkify(file.description)\"></p>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </a>\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngIf=\"file.type == 'embed'\">\r\n                            <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\"\r\n                                [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\" allowfullscreen></iframe>\r\n                        </ng-container>\r\n\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n\r\n                <ng-container *ngIf=\"item.files.length > 1\">\r\n\r\n                    <!-- Carrosel de Imavens e v\u00EDdeos -->\r\n\r\n                    <div class=\"swiper-stage\">\r\n                        <swiper [config]=\"global.swiperConfig(false)\">\r\n                            <div swiperSlide *ngFor=\"let file of item.files; let i = index\">\r\n                                <div class=\"swiper-carousel-custom\">\r\n\r\n                                    <!-- Imagem -->\r\n\r\n                                    <ng-container *ngIf=\"file.type === 'image'\">\r\n                                        <ng-container *ngIf=\"file.url\">\r\n                                            <div class=\"swiper-container-img\">\r\n                                                <div class=\"swiper-bg-blur\"\r\n                                                    [style.backgroundImage]=\"'url('+file.url+')'\">\r\n                                                </div>\r\n                                                <img class=\"img\" [src]=\"file.url\" alt=\"\" (load)=\"onloadImage($event)\"\r\n                                                    (error)=\"onErrorImage($event)\">\r\n                                            </div>\r\n                                        </ng-container>\r\n\r\n                                        <ng-container *ngIf=\"file.name\">\r\n                                            <div class=\"swiper-container-img\"\r\n                                                [style.backgroundImage]=\"'url('+file.name+')'\">\r\n                                                <div class=\"swiper-bg-blur\"\r\n                                                    [style.backgroundImage]=\"'url('+file.name+')'\">\r\n                                                </div>\r\n                                                <img class=\"img\" [src]=\"file.name\" alt=\"\" (load)=\"onloadImage($event)\"\r\n                                                    (error)=\"onErrorImage($event)\">\r\n                                            </div>\r\n                                        </ng-container>\r\n                                    </ng-container>\r\n\r\n                                    <!-- Video -->\r\n\r\n                                    <ng-container *ngIf=\"file.type === 'video'\">\r\n\r\n                                        <ng-container>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"file.isCloudinary == true\"\r\n                                                [style.background-image]=\"file.thumb | stream: 'backgroundImage'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isYoutube == true\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <video attr.type='stream' #videoPlayer\r\n                                                *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                                                class=\"video\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                                                poster=\"{{file.url | stream:'thumb'}}\">\r\n                                                <source [src]=\"file.url | stream:'link'\" />\r\n                                            </video>\r\n\r\n                                            <video attr.type='cloudinary' #videoPlayer *ngIf=\"file.isCloudinary == true\"\r\n                                                (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                                                class=\"video\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                                                poster=\"{{file.thumb}}\">\r\n                                                <source [src]=\"file.url\" />\r\n                                            </video>\r\n\r\n                                            <ng-container *ngIf=\"file.isYoutube == true\">\r\n                                                <iframe attr.type='youtube' #videoPlayer\r\n                                                    [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\"\r\n                                                    frameborder=\"0\" width=\"100%\" class=\"video\"></iframe>\r\n                                            </ng-container>\r\n\r\n                                        </ng-container>\r\n\r\n                                        <!-- Verifica se o V\u00EDdeo \u00E9 a primeira posi\u00E7\u00E3o do Slide -->\r\n                                        <!-- <ng-container *ngIf=\" i === 0\">\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"file.isCloudinary == true\"\r\n                                                [style.background-image]=\"file.thumb | stream: 'backgroundImage'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isYoutube == true\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <video attr.type='stream' #videoPlayer\r\n                                                *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                                                class=\"video\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                                                poster=\"{{file.url | stream:'thumb'}}\">\r\n                                                <source [src]=\"file.url | stream:'link'\" />\r\n                                            </video>\r\n\r\n                                            <video attr.type='cloudinary' #videoPlayer\r\n                                                *ngIf=\"file.isCloudinary === true\" (click)=\"playVideo($event)\"\r\n                                                (onloadeddata)=\"checkVideoRender(file.url)\" class=\"video\" width=\"100%\"\r\n                                                controls=\"false\" preload=\"metadata\" poster=\"{{file.thumb}}\">\r\n                                                <source [src]=\"file.url\" />\r\n                                            </video>\r\n\r\n                                            <ng-container *ngIf=\"file.isYoutube === true\">\r\n                                                <iframe attr.type='youtube' #videoPlayer\r\n                                                    [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\"\r\n                                                    frameborder=\"0\" width=\"100%\" class=\"video\"></iframe>\r\n                                            </ng-container>\r\n\r\n                                        </ng-container> -->\r\n\r\n                                    </ng-container>\r\n\r\n                                    <ng-template #infiniteContainer></ng-template>\r\n                                </div>\r\n                            </div>\r\n                        </swiper>\r\n                    </div>\r\n\r\n                    <!-- Fim Carrosel de Imagens e V\u00EDdeos -->\r\n\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"item.type == 'announce'\">\r\n            <div class=\"ribbon ribbon-top-right\"><span>An\u00FAncio</span></div>\r\n\r\n            <div class=\"swiper-stage\">\r\n                <swiper [config]=\"global.swiperConfig(false)\">\r\n                    <div swiperSlide *ngFor=\"let file of item.files; let i = index\">\r\n                        <div class=\"swiper-carousel-custom\">\r\n                            <ng-container *ngIf=\"file.type === 'image'\">\r\n                                <div class=\"img\" [style.backgroundImage]=\"'url('+file.name+')'\" *ngIf=\"file.name\">\r\n                                </div>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"file.type === 'video'\">\r\n\r\n                                <ng-container>\r\n\r\n                                    <div class=\"video-overlay\"\r\n                                        [style.background-image]=\"file.url | stream:'styleThumbUrl'\">\r\n                                    </div>\r\n\r\n                                    <video class=\"video\" width=\"100%\" preload=\"metadata\"\r\n                                        poster=\"{{ file.url | stream:'thumb' }}\">\r\n                                        <source [src]=\"file.url | stream:'link'\" />\r\n                                    </video>\r\n\r\n                                </ng-container>\r\n\r\n                                <!-- Verifica se o V\u00EDdeo \u00E9 a primeira posi\u00E7\u00E3o do Slide -->\r\n                                <!-- <ng-container *ngIf=\" i === 0\">\r\n\r\n                                    <div class=\"video-overlay\"\r\n                                        [style.background-image]=\"file.url | stream:'styleThumbUrl'\">\r\n                                    </div>\r\n\r\n                                    <video class=\"video\" width=\"100%\" preload=\"metadata\"\r\n                                        poster=\"{{ file.url | stream:'thumb' }}\">\r\n                                        <source [src]=\"file.url | stream:'link'\" />\r\n                                    </video>\r\n\r\n                                </ng-container> -->\r\n\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <ng-template #infiniteContainer></ng-template>\r\n                </swiper>\r\n            </div>\r\n\r\n            <div class=\"pull-right mt-3\" [routerLink]=\"['/market/product/', item.product.id]\">\r\n                <button class=\"btn btn-primary\">\r\n                    <i class=\"fa fa-shopping-cart\"></i>\r\n                    {{ preConvertNumber(item.product.valorDe) | currency:'BRL':true}} -\r\n                    {{ preConvertNumber(item.product.valorAte) | currency:'BRL':true}}\r\n                </button>\r\n            </div>\r\n            <p *ngIf=\"item?.product?.data?.descr\" [innerHTML]=\"item.product.descr\"></p>\r\n        </ng-container>\r\n\r\n        <div class=\"mat-card-content\">\r\n            <span class=\"ws-pre-wrap post-text mt-1 mb-4\" [innerHTML]=\"linkify(item.title)\"></span>\r\n            <feed-actions [item]=\"item\"></feed-actions>\r\n            <feed-comments [feed_id]=\"item.id\" [user]=\"item.user_info\"></feed-comments>\r\n        </div>\r\n\r\n    </mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"item && !item.status\">\r\n    <ng-container *ngIf=\"global.loggedUser()\">\r\n        <ng-container *ngIf=\"item.user_info.id === global.loggedUser().id\">\r\n            <ng-container *ngIf=\"item\">\r\n                <mat-card #visibleControl class=\"feed-card\" id=\"{{ item.id +'#'+ item.type}}\">\r\n                    <mat-card-header class=\"feed-header ml-2\">\r\n                        <div mat-card-avatar>\r\n                            <img [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n                                class=\"feed-avatar\" (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\"\r\n                                alt=\"{{ item?.user_info?.name }}\">\r\n                        </div>\r\n                        <mat-card-title>\r\n                            <h4><b>{{ item?.user_info?.name }}</b></h4>\r\n                            <p> {{ 'SharedPublication' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\r\n                        </mat-card-title>\r\n\r\n                        <div class=\"feed-buttom-option\" *ngIf=\"false\">\r\n                            <button mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n                                <mat-icon>more_vert</mat-icon>\r\n                            </button>\r\n                            <mat-menu #menu=\"matMenu\">\r\n                                <button mat-menu-item (click)=\"false\">\r\n                                    <mat-icon>create</mat-icon>\r\n                                    <span>{{ 'Edit' | translate }}</span>\r\n                                </button>\r\n                                <button mat-menu-item (click)=\"false\">\r\n                                    <mat-icon>delete</mat-icon>\r\n                                    <span>{{ 'Remove' | translate }}</span>\r\n                                </button>\r\n                            </mat-menu>\r\n                        </div>\r\n\r\n                    </mat-card-header>\r\n\r\n                    <ng-container>\r\n                        <div class=\"col-sm-12 mx-auto text-center post-processing-section\">\r\n                            <img src=\"https://image.flaticon.com/icons/svg/2654/2654464.svg\" width=\"30%\">\r\n                            <h4>Estamos processando os dados do seu Post!</h4>\r\n                            <p>No momento ele est\u00E1 vis\u00EDvel apenas para voc\u00EA, mas logo estar\u00E1 dispon\u00EDvel para todos!</p>\r\n                        </div>\r\n                    </ng-container>\r\n\r\n                    <span class=\"ws-pre-wrap post-text mt-1 mb-4\" [innerHTML]=\"linkify(item.title)\"></span>\r\n                    <feed-actions prefix=\"prefix\" [item]=\"item\"></feed-actions>\r\n                    <feed-comments prefix=\"prefix\" [feed_id]=\"item.id\" [user]=\"item.user_info\"></feed-comments>\r\n                </mat-card>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>",
+                    template: "<ng-container *ngIf=\"item && item.status && !item.deleted\">\r\n  <mat-card #visibleControl class=\"feed-card\" id=\"{{ item.id +'#'+ item.type}}\">\r\n    <mat-card-header class=\"feed-header ml-2\">\r\n      <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"false\" [closeOnMouseOutside]=\"false\"\r\n        [animation]=\"true\">\r\n        <div class='minibio'>\r\n          <img\r\n            [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n            (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\" alt=\"{{ item?.user_info?.name }}\">\r\n          <div class=\"info\"><b>{{ item?.user_info?.name }}</b><br />\r\n            <!-- <span class=\"location\"><i class=\"icon fa fa-globe\" aria-hidden=\"true\"></i>&nbsp;Fortaleza/CE</span> -->\r\n          </div>\r\n        </div>\r\n      </popover-content>\r\n      <div mat-card-avatar>\r\n        <a [routerLink]=\"['/profile',item.user_info?.id]\"><img\r\n            [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n            class=\"feed-avatar mr-1\" (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\"\r\n            alt=\"{{ item?.user_info?.name }}\" [popover]=\"myPopover\" [popoverOnHover]=\"true\"></a>\r\n      </div>\r\n\r\n      <mat-card-title>\r\n        <h4 class=\"ml-2\"><b><a [routerLink]=\"['/profile',item.user_info?.id]\">{{ item?.user_info?.name }}</a> <i\r\n              *ngIf=\"item?.channel_id\" class=\"material-icons text-primary\" matTooltip=\"Este \u00E9 um post Institucional\"\r\n              matTooltipClass=\"tooltip-primary\">done_all</i></b>\r\n        </h4>\r\n        <p class=\"ml-2\"> {{ 'SharedPublication' | translate }} <a [routerLink]=\"['/portal',item.id]\">{{\r\n                        item?.updated_at | amTimeAgo }}</a></p>\r\n      </mat-card-title>\r\n\r\n      <ng-container *ngIf=\"global.loggedUser()\">\r\n        <div class=\"feed-buttom-option\" *ngIf=\"item.user_info.id === global.loggedUser().id\">\r\n          <button mat-icon-button [matMenuTriggerFor]=\"menu\" [disabled]=\"!item.status\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n          <mat-menu #menu=\"matMenu\">\r\n            <button mat-menu-item (click)=\"onEditItem()\" [disabled]=\"!item.status\">\r\n              <mat-icon>create</mat-icon>\r\n              <span>{{ 'Edit' | translate }}</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\"onRemoveItem(item)\" [disabled]=\"!item.status\">\r\n              <mat-icon>delete</mat-icon>\r\n              <span>{{ 'Remove' | translate }}</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n        <div *ngIf=\"item.isHighlighted\" matTooltip=\"Post destacado\" class=\"feed-buttom-option pinned-feed\">\r\n          <i class=\"fa fa-thumb-tack fa-lg\"></i>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </mat-card-header>\r\n\r\n    <ng-container *ngIf=\"item.type != 'announce'\">\r\n      <!-- <code>{{item.additional_data | json}}</code> -->\r\n      <ng-container *ngIf=\"!(item.files && item.files.length > 0)\">\r\n        <div class=\"card card-file mt-0 pointer\">\r\n          <!-- <div class=\"card-cover\"> -->\r\n          <ng-container *ngIf=\"item.additional_data && item.additional_data.image\">\r\n            <img style=\"display: none;\" [src]=\"item.additional_data.image\" (load)=\"onloadImage($event)\"\r\n              (error)=\"onErrorImage($event)\">\r\n\r\n            <div class=\"container-mat-card\" *ngIf=\"imageLoaded\">\r\n              <img class=\"bg-mat-card\" [src]=\"item.additional_data.image\">\r\n              <img mat-card-image [src]=\"item.additional_data.image\">\r\n            </div>\r\n\r\n            <div class=\"container-mat-card\" *ngIf=\"!imageLoaded\">\r\n              <img mat-card-image [src]=\"'assets/img/background-blur-' + blurBackgroundIndex + '.png'\">\r\n            </div>\r\n          </ng-container>\r\n          <!-- </div> -->\r\n          <a *ngIf=\"item.additional_data && item.additional_data.file_id\"\r\n            [routerLink]=\"['/channel/files/' + item.channel_id +'/'+ item.additional_data.file_id]\" class=\"circle\">\r\n            <i class=\"fa fa-file-text-o\"></i>\r\n          </a>\r\n          <div *ngIf=\"item.additional_data && item.additional_data.description\" class=\"card-content\">\r\n            <div class=\"clearfix\"></div>\r\n            <p class=\"description m-3\" [innerHTML]=\"linkify(item.additional_data.description)\"></p>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"item.files && item.files.length > 0\">\r\n\r\n        <ng-container *ngIf=\"item.files.length === 1\">\r\n          <ng-container *ngFor=\"let file of item.files\">\r\n            <ng-container *ngIf=\"file.type == 'image'\">\r\n\r\n              <img style=\"display: none;\" [src]=\"file.name || file.url\" (load)=\"onloadImage($event)\"\r\n                (error)=\"onErrorImage($event)\">\r\n\r\n              <div class=\"container-mat-card\" *ngIf=\"imageLoaded\">\r\n                <img class=\"bg-mat-card\" [src]=\"file.name || file.url\">\r\n                <img mat-card-image [src]=\"file.name || file.url\">\r\n              </div>\r\n\r\n              <div class=\"container-mat-card\" *ngIf=\"!imageLoaded\">\r\n                <img mat-card-image [src]=\"'assets/img/background-blur-' + blurBackgroundIndex + '.png'\">\r\n              </div>\r\n\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.type == 'video'\">\r\n              <div class=\"carousel custom-carrousel\">\r\n                <div class=\"content\">\r\n                  <div class=\"item\">\r\n                    <div class=\"video-overlay cloudinary-true\" *ngIf=\"file.isCloudinary == true\"\r\n                      [style.background-image]=\"file.thumb | stream: 'backgroundImage'\"></div>\r\n\r\n                    <div class=\"video-overlay youtube-true\" *ngIf=\"!file.isYoutube == true\"\r\n                      [style.background-image]=\"file.url | stream: 'styleThumbUrl'\"></div>\r\n\r\n                    <div class=\"video-overlay not-cloudinary-youtube\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                      [style.background-image]=\"file.url | stream: 'styleThumbUrl'\"></div>\r\n\r\n                    <video attr.type='stream' #videoPlayer *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                      (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                      class=\"video not-cloudinary-youtube\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                      poster=\"{{file.url | stream:'thumb'}}\">\r\n                      <source [src]=\"file.url | stream:'link'\" />\r\n                    </video>\r\n\r\n                    <video attr.type='cloudinary' #videoPlayer *ngIf=\"file.isCloudinary == true\"\r\n                      (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                      class=\"video cloudinary-true\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                      poster=\"{{file.thumb}}\">\r\n                      <source [src]=\"file.url\" />\r\n                    </video>\r\n\r\n                    <ng-container *ngIf=\"file.isYoutube == true\">\r\n                      <iframe attr.type='youtube' #videoPlayer [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\"\r\n                        frameborder=\"0\" width=\"100%\" class=\"video\"></iframe>\r\n                    </ng-container>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.type == 'pdf' || file.type == 'txt'\">\r\n              <div class=\"container-mat-card px-3\">\r\n                <a [routerLink]=\"['/channel/files/' + file.channel_id + '/' + file.file_id]\" class=\"w-100\">\r\n\r\n                  <div class=\"card card-file mt-0 pointer\">\r\n                    <div class=\"card-cover\">\r\n                      <a [routerLink]=\"['/channel/files/' + file.channel_id +'/'+ file.file_id]\">\r\n                        <ng-container *ngIf=\"file.image\">\r\n                          <img [src]=\"file.image\" alt=\"\">\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngIf=\"!file.image || file.image == null\">\r\n                          <h4 class=\"title\" [innerHTML]=\"linkify(file.title)\"></h4>\r\n                        </ng-container>\r\n                      </a>\r\n                    </div>\r\n                    <a [routerLink]=\"['/channel/files/' + file.channel_id +'/'+ file.file_id]\" class=\"circle\">\r\n                      <i *ngIf=\"file.type == 'pdf'\" class=\"fa fa-file-pdf-o\"></i>\r\n                      <i *ngIf=\"file.type == 'txt'\" class=\"fa fa-file-text-o\"></i>\r\n                    </a>\r\n                    <div class=\"card-content\">\r\n                      <div class=\"clearfix\"></div>\r\n                      <p class=\"description mb-3\" [innerHTML]=\"linkify(file.description)\"></p>\r\n                    </div>\r\n                  </div>\r\n\r\n                </a>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.type == 'embed'\">\r\n              <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\"\r\n                [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\" allowfullscreen></iframe>\r\n            </ng-container>\r\n\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n\r\n        <ng-container *ngIf=\"item.files.length > 1\">\r\n\r\n          <!-- Carrosel de Imavens e v\u00EDdeos -->\r\n\r\n          <div class=\"swiper-stage\">\r\n            <swiper [config]=\"global.swiperConfig(false)\">\r\n              <div swiperSlide *ngFor=\"let file of item.files; let i = index\">\r\n                <div class=\"swiper-carousel-custom\">\r\n\r\n                  <!-- Imagem -->\r\n\r\n                  <ng-container *ngIf=\"file.type === 'image'\">\r\n                    <ng-container *ngIf=\"file.url\">\r\n                      <div class=\"swiper-container-img\">\r\n                        <div class=\"swiper-bg-blur\" [style.backgroundImage]=\"'url('+file.url+')'\">\r\n                        </div>\r\n                        <img class=\"img\" [src]=\"file.url\" alt=\"\" (load)=\"onloadImage($event)\"\r\n                          (error)=\"onErrorImage($event)\">\r\n                      </div>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"file.name\">\r\n                      <div class=\"swiper-container-img\" [style.backgroundImage]=\"'url('+file.name+')'\">\r\n                        <div class=\"swiper-bg-blur\" [style.backgroundImage]=\"'url('+file.name+')'\">\r\n                        </div>\r\n                        <img class=\"img\" [src]=\"file.name\" alt=\"\" (load)=\"onloadImage($event)\"\r\n                          (error)=\"onErrorImage($event)\">\r\n                      </div>\r\n                    </ng-container>\r\n                  </ng-container>\r\n\r\n                  <!-- Video -->\r\n\r\n                  <ng-container *ngIf=\"file.type === 'video'\">\r\n\r\n                    <ng-container>\r\n\r\n                      <div class=\"video-overlay\" *ngIf=\"file.isCloudinary == true\"\r\n                        [style.background-image]=\"file.thumb | stream: 'backgroundImage'\">\r\n                      </div>\r\n\r\n                      <div class=\"video-overlay\" *ngIf=\"!file.isYoutube == true\"\r\n                        [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                      </div>\r\n\r\n                      <div class=\"video-overlay\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                        [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                      </div>\r\n\r\n                      <video attr.type='stream' #videoPlayer *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                        (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\" class=\"video\"\r\n                        width=\"100%\" controls=\"false\" preload=\"metadata\" poster=\"{{file.url | stream:'thumb'}}\">\r\n                        <source [src]=\"file.url | stream:'link'\" />\r\n                      </video>\r\n\r\n                      <video attr.type='cloudinary' #videoPlayer *ngIf=\"file.isCloudinary == true\"\r\n                        (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\" class=\"video\"\r\n                        width=\"100%\" controls=\"false\" preload=\"metadata\" poster=\"{{file.thumb}}\">\r\n                        <source [src]=\"file.url\" />\r\n                      </video>\r\n\r\n                      <ng-container *ngIf=\"file.isYoutube == true\">\r\n                        <iframe attr.type='youtube' #videoPlayer [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\"\r\n                          frameborder=\"0\" width=\"100%\" class=\"video\"></iframe>\r\n                      </ng-container>\r\n\r\n                    </ng-container>\r\n\r\n                    <!-- Verifica se o V\u00EDdeo \u00E9 a primeira posi\u00E7\u00E3o do Slide -->\r\n                    <!-- <ng-container *ngIf=\" i === 0\">\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"file.isCloudinary == true\"\r\n                                                [style.background-image]=\"file.thumb | stream: 'backgroundImage'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isYoutube == true\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <div class=\"video-overlay\" *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                [style.background-image]=\"file.url | stream: 'styleThumbUrl'\">\r\n                                            </div>\r\n\r\n                                            <video attr.type='stream' #videoPlayer\r\n                                                *ngIf=\"!file.isCloudinary && !file.isYoutube\"\r\n                                                (click)=\"playVideo($event)\" (onloadeddata)=\"checkVideoRender(file.url)\"\r\n                                                class=\"video\" width=\"100%\" controls=\"false\" preload=\"metadata\"\r\n                                                poster=\"{{file.url | stream:'thumb'}}\">\r\n                                                <source [src]=\"file.url | stream:'link'\" />\r\n                                            </video>\r\n\r\n                                            <video attr.type='cloudinary' #videoPlayer\r\n                                                *ngIf=\"file.isCloudinary === true\" (click)=\"playVideo($event)\"\r\n                                                (onloadeddata)=\"checkVideoRender(file.url)\" class=\"video\" width=\"100%\"\r\n                                                controls=\"false\" preload=\"metadata\" poster=\"{{file.thumb}}\">\r\n                                                <source [src]=\"file.url\" />\r\n                                            </video>\r\n\r\n                                            <ng-container *ngIf=\"file.isYoutube === true\">\r\n                                                <iframe attr.type='youtube' #videoPlayer\r\n                                                    [src]=\"file.url | safe:'resourceUrl'\" frameborder=\"0\"\r\n                                                    frameborder=\"0\" width=\"100%\" class=\"video\"></iframe>\r\n                                            </ng-container>\r\n\r\n                                        </ng-container> -->\r\n\r\n                  </ng-container>\r\n\r\n                  <ng-template #infiniteContainer></ng-template>\r\n                </div>\r\n              </div>\r\n            </swiper>\r\n          </div>\r\n\r\n          <!-- Fim Carrosel de Imagens e V\u00EDdeos -->\r\n\r\n        </ng-container>\r\n\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"item.type == 'announce'\">\r\n      <div class=\"ribbon ribbon-top-right\"><span>An\u00FAncio</span></div>\r\n\r\n      <div class=\"swiper-stage\">\r\n        <swiper [config]=\"global.swiperConfig(false)\">\r\n          <div swiperSlide *ngFor=\"let file of item.files; let i = index\">\r\n            <div class=\"swiper-carousel-custom\">\r\n              <ng-container *ngIf=\"file.type === 'image'\">\r\n                <div class=\"img\" [style.backgroundImage]=\"'url('+file.name+')'\" *ngIf=\"file.name\">\r\n                </div>\r\n              </ng-container>\r\n\r\n              <ng-container *ngIf=\"file.type === 'video'\">\r\n\r\n                <ng-container>\r\n\r\n                  <div class=\"video-overlay\" [style.background-image]=\"file.url | stream:'styleThumbUrl'\">\r\n                  </div>\r\n\r\n                  <video class=\"video\" width=\"100%\" preload=\"metadata\" poster=\"{{ file.url | stream:'thumb' }}\">\r\n                    <source [src]=\"file.url | stream:'link'\" />\r\n                  </video>\r\n\r\n                </ng-container>\r\n\r\n                <!-- Verifica se o V\u00EDdeo \u00E9 a primeira posi\u00E7\u00E3o do Slide -->\r\n                <!-- <ng-container *ngIf=\" i === 0\">\r\n\r\n                                    <div class=\"video-overlay\"\r\n                                        [style.background-image]=\"file.url | stream:'styleThumbUrl'\">\r\n                                    </div>\r\n\r\n                                    <video class=\"video\" width=\"100%\" preload=\"metadata\"\r\n                                        poster=\"{{ file.url | stream:'thumb' }}\">\r\n                                        <source [src]=\"file.url | stream:'link'\" />\r\n                                    </video>\r\n\r\n                                </ng-container> -->\r\n\r\n              </ng-container>\r\n            </div>\r\n          </div>\r\n          <ng-template #infiniteContainer></ng-template>\r\n        </swiper>\r\n      </div>\r\n\r\n      <div class=\"pull-right mt-3\" [routerLink]=\"['/market/product/', item.product.id]\">\r\n        <button class=\"btn btn-primary\">\r\n          <i class=\"fa fa-shopping-cart\"></i>\r\n          {{ preConvertNumber(item.product.valorDe) | currency:'BRL':true}} -\r\n          {{ preConvertNumber(item.product.valorAte) | currency:'BRL':true}}\r\n        </button>\r\n      </div>\r\n      <p *ngIf=\"item?.product?.data?.descr\" [innerHTML]=\"item.product.descr\"></p>\r\n    </ng-container>\r\n\r\n    <div class=\"mat-card-content\">\r\n      <span class=\"ws-pre-wrap post-text mt-1 mb-4\" [innerHTML]=\"linkify(item.title)\"></span>\r\n      <feed-actions [item]=\"item\"></feed-actions>\r\n      <feed-comments [feed_id]=\"item.id\" [user]=\"item.user_info\"></feed-comments>\r\n    </div>\r\n\r\n  </mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"item && !item.status\">\r\n  <ng-container *ngIf=\"global.loggedUser()\">\r\n    <ng-container *ngIf=\"item.user_info.id === global.loggedUser().id\">\r\n      <ng-container *ngIf=\"item\">\r\n        <mat-card #visibleControl class=\"feed-card\" id=\"{{ item.id +'#'+ item.type}}\">\r\n          <mat-card-header class=\"feed-header ml-2\">\r\n            <div mat-card-avatar>\r\n              <img\r\n                [src]=\"(item.user_info?.picture)? item.user_info.picture : 'assets/img/default-avatar.png' || 'assets/img/default-avatar.png'\"\r\n                class=\"feed-avatar\" (error)=\"item.user_info.picture = 'assets/img/default-avatar.png'\"\r\n                alt=\"{{ item?.user_info?.name }}\">\r\n            </div>\r\n            <mat-card-title>\r\n              <h4><b>{{ item?.user_info?.name }}</b></h4>\r\n              <p> {{ 'SharedPublication' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\r\n            </mat-card-title>\r\n\r\n            <div class=\"feed-buttom-option\" *ngIf=\"false\">\r\n              <button mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n                <mat-icon>more_vert</mat-icon>\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\">\r\n                <button mat-menu-item (click)=\"false\">\r\n                  <mat-icon>create</mat-icon>\r\n                  <span>{{ 'Edit' | translate }}</span>\r\n                </button>\r\n                <button mat-menu-item (click)=\"false\">\r\n                  <mat-icon>delete</mat-icon>\r\n                  <span>{{ 'Remove' | translate }}</span>\r\n                </button>\r\n              </mat-menu>\r\n            </div>\r\n\r\n          </mat-card-header>\r\n\r\n          <ng-container>\r\n            <div class=\"col-sm-12 mx-auto text-center post-processing-section\">\r\n              <img src=\"https://image.flaticon.com/icons/svg/2654/2654464.svg\" width=\"30%\">\r\n              <h4>Estamos processando os dados do seu Post!</h4>\r\n              <p>No momento ele est\u00E1 vis\u00EDvel apenas para voc\u00EA, mas logo estar\u00E1 dispon\u00EDvel para todos!</p>\r\n            </div>\r\n          </ng-container>\r\n          \r\n          <div class=\"mat-card-content\">\r\n            <span class=\"ws-pre-wrap post-text mt-1 mb-4\" [innerHTML]=\"linkify(item.title)\"></span>\r\n            <feed-actions prefix=\"prefix\" [item]=\"item\"></feed-actions>\r\n            <feed-comments prefix=\"prefix\" [feed_id]=\"item.id\" [user]=\"item.user_info\"></feed-comments>\r\n          </div>\r\n        </mat-card>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>\r\n",
                     providers: [StreamService],
-                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", "@charset \"UTF-8\";.pinned-feed{background-color:var(--bg-btn);color:var(--text-btn);padding:5px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;margin-top:60px;margin-right:5px;opacity:1}.mat-card-video{-o-object-fit:cover;object-fit:cover;width:calc(100% + 31px);margin:0 0 10px}.mat-card-content{word-break:break-word;padding:0 15px}::ng-deep .tooltip-primary{background:var(--main-color);opacity:.85;font-size:13px}.no-click{pointer-events:none}.modal-feed-publication{border-radius:24px!important}.share-social{max-width:185px}.mat-card-actions{min-height:40px}.post-processing-section{padding:12px;border:3px dotted gray;border-radius:8px;background-color:#f4f4f4}.carousel{color:#fff}.carousel .content{display:flex}.carousel .content .item{width:100%;display:block;transition:opacity 295ms linear .2s}.carousel .content .item.visible{opacity:1}.carousel .content .item .img{width:100%;height:500px;display:block;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center}.carousel .content .item .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.carousel .content .item .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}.carousel .content .wraper-video{background-color:#000}.carousel .ball{width:10px;height:10px;border-radius:50%;background:#000;border:2px solid;opacity:.5}.carousel .ball.visible{opacity:1}.carousel .click-area{width:50px;text-align:center}.carousel .click-area i{font-size:2em;background:rgba(255,255,255,.8);color:#000;border-radius:100%}.custom-carrousel{z-index:1;overflow:hidden}.card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}.card-file .card-cover{display:flex;align-items:center;justify-content:center;text-align:center;padding:0;width:100%;height:250px;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--main-color);color:#fff!important;overflow:hidden}.card-file .card-cover img{position:absolute;z-index:0;top:0;left:0;width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card-file .card-cover .title{position:relative;z-index:3;color:#fff;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}.card-file .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:20;font-size:1.5em;color:#3c4858!important}.card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}.card-file .card-body h5{height:60px}.card-file .card-body .description{color:#888;height:65px;overflow:hidden}::ng-deep owl-carousel-o .owl-theme .owl-next,::ng-deep owl-carousel-o .owl-theme .owl-prev{position:absolute;top:50%;transform:translateY(-50%);display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;margin:20px 0;background:rgba(255,255,255,.8)!important;color:#414141!important;border:none!important;font-size:20px!important;font-weight:600!important}::ng-deep owl-carousel-o .owl-theme .owl-prev{left:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-prev:hover{transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next{right:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next:hover{transition:.3s}::ng-deep owl-carousel-o .owl-carousel .owl-dot,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev{font-family:fontAwesome}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev:before{content:\"\uF104\"}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next:after{content:\"\uF105\"}.swiper-carousel-custom .swiper-container-img{display:flex;align-items:center;justify-content:center;width:100%;height:500px}.swiper-carousel-custom .swiper-bg-blur{position:absolute;z-index:10;width:100%;height:500px;-webkit-filter:blur(30px) brightness(80%);filter:blur(30px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.swiper-carousel-custom .img{position:relative;z-index:20;max-width:100%;max-height:500px!important;display:block;-o-object-fit:contain;object-fit:contain;background-size:cover;background-position:center}.swiper-carousel-custom .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.swiper-carousel-custom .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}"]
+                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", "@charset \"UTF-8\";.pinned-feed{background-color:var(--bg-btn);color:var(--text-btn);padding:5px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;margin-top:60px;margin-right:5px;opacity:1}.mat-card-video{-o-object-fit:cover;object-fit:cover;width:calc(100% + 31px);margin:0 0 10px}.mat-card-content{word-break:break-word;padding:0 15px}::ng-deep .tooltip-primary{background:var(--main-color);opacity:.85;font-size:13px}.no-click{pointer-events:none}.modal-feed-publication{border-radius:24px!important}.share-social{max-width:185px}.mat-card-actions{min-height:40px}.post-processing-section{padding:12px;border:3px dotted gray;border-radius:8px;background-color:#f4f4f4}.carousel{color:#fff}.carousel .content{display:flex}.carousel .content .item{width:100%;display:block;transition:opacity 295ms linear .2s}.carousel .content .item.visible{opacity:1}.carousel .content .item .img{width:100%;height:500px;display:block;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center}.carousel .content .item .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.carousel .content .item .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}.carousel .content .wraper-video{background-color:#000}.carousel .ball{width:10px;height:10px;border-radius:50%;background:#000;border:2px solid;opacity:.5}.carousel .ball.visible{opacity:1}.carousel .click-area{width:50px;text-align:center}.carousel .click-area i{font-size:2em;background:rgba(255,255,255,.8);color:#000;border-radius:100%}.custom-carrousel{z-index:1;overflow:hidden}.card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}.card-file .card-cover{display:flex;align-items:center;justify-content:center;text-align:center;padding:0;width:100%;height:250px;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--main-color);color:#fff!important;overflow:hidden}.card-file .card-cover img{position:absolute;z-index:0;top:0;left:0;width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card-file .card-cover .title{position:relative;z-index:3;color:#fff;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}.card-file .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:20;font-size:1.5em;color:#3c4858!important}.card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}.card-file .card-body h5{height:60px}.card-file .card-body .description{color:#888;height:65px;overflow:hidden}::ng-deep owl-carousel-o .owl-theme .owl-next,::ng-deep owl-carousel-o .owl-theme .owl-prev{position:absolute;top:50%;transform:translateY(-50%);display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;margin:20px 0;background:rgba(255,255,255,.8)!important;color:#414141!important;border:none!important;font-size:20px!important;font-weight:600!important}::ng-deep owl-carousel-o .owl-theme .owl-prev{left:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-prev:hover{transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next{right:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next:hover{transition:.3s}::ng-deep owl-carousel-o .owl-carousel .owl-dot,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev{font-family:fontAwesome}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev:before{content:\"\uF104\"}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next:after{content:\"\uF105\"}.swiper-carousel-custom .swiper-container-img{display:flex;align-items:center;justify-content:center;width:100%;height:500px}.swiper-carousel-custom .swiper-bg-blur{position:absolute;z-index:10;width:100%;height:500px;-webkit-filter:blur(30px) brightness(80%);filter:blur(30px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.swiper-carousel-custom .img{position:relative;z-index:20;max-width:100%;max-height:500px!important;display:block;-o-object-fit:contain;object-fit:contain;background-size:cover;background-position:center}.swiper-carousel-custom .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.swiper-carousel-custom .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}"]
                 }] }
     ];
     /** @nocollapse */
@@ -3329,7 +3364,7 @@ var FeedCommentsComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'feed-comments',
                     template: "<form *ngIf=\"global.loggedUser()\" class=\"form-comment\">\r\n    <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\r\n    <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\r\n        <i class=\"fa fa-user\"></i>\r\n    </div>\r\n    <ng-container>\r\n        <input type=\"text\" name=\"comment\" [(ngModel)]=\"comment\" (keyup.enter)=\"sendComment(comment)\" [disabled]=\"onLoadingComment\"  placeholder=\"{{ 'SendCommentFeed' | translate }}\">\r\n        <div class=\"clearfix\"></div>\r\n    </ng-container>\r\n</form>\r\n\r\n<div *ngFor=\"let comment of comments | slice:0:limitCommentsTo; let i=index\">\r\n    <popover-content #myPopover \r\n    placement=\"auto right\"\r\n   [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\" [animation]=\"true\">\r\n        <div class='minibio'>\r\n            <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" alt=\"\">\r\n            <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br/>\r\n            <!-- <span class=\"location\"><i class=\"icon fa fa-globe\" aria-hidden=\"true\"></i>&nbsp;Fortaleza/CE</span> <br/> -->\r\n         </div>\r\n        </div>\r\n    </popover-content>\r\n    <a *ngIf=\"comment\" [routerLink]=\"['/profile',comment?.user_info?.id]\">\r\n        <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" class=\"avatar-45\" alt=\"\" [popover]=\"myPopover\" [popoverOnHover]=\"true\">\r\n        <div *ngIf=\"!comment?.user_info?.picture\" class=\"avatar-45-null\" [popover]=\"myPopover\" [popoverOnHover]=\"true\">\r\n        <i class=\"fa fa-user\"></i>\r\n    </div></a>\r\n    <div class=\"comments\">\r\n\r\n        <ng-container *ngIf=\"global?.loggedUser() && !comment.onEdit\">\r\n            <div class=\"feed-comment-option\">\r\n                <button mat-icon-button [matMenuTriggerFor]=\"appMenu\"\r\n                    *ngIf=\"comment?.user_info?.id == global?.loggedUser().id\">\r\n                    <mat-icon>more_vert</mat-icon>\r\n                </button>\r\n                <mat-menu #appMenu=\"matMenu\">\r\n                    <button mat-menu-item (click)=\"onEditComment(comment)\">\r\n                        <mat-icon>create</mat-icon>\r\n                        {{ 'Edit' | translate }}\r\n                    </button>\r\n                    <button mat-menu-item (click)=\"deleteComment(comment.id)\">\r\n                        <mat-icon>delete</mat-icon>\r\n                        {{ 'Remove' | translate }}\r\n                    </button>\r\n                </mat-menu>\r\n            </div>\r\n        </ng-container>\r\n        <p *ngIf=\"!comment.onEdit\"><b>{{ comment?.user_info?.name || 'N\u00E3o Informado' }}</b>&nbsp;<span [innerHTML]=\"linkify(comment.comment)\"></span></p>\r\n        <form class=\"form-comment-reply\"*ngIf=\"comment.onEdit\">\r\n            <input class=\"editing-comment-input\" type=\"text\" [(ngModel)]=\"editedComment\" name=\"editedComment\" [disabled]=\"onLoadingReply\" (keyup.enter)=\"updateComment(comment.id, editedComment)\"   (keyup.esc)=\"onEditComment(comment)\"   placeholder=\"{{ 'Comment' | translate }}\">\r\n            <div class=\"clearfix\"></div>\r\n        </form>\r\n        \r\n\r\n        <small class=\"text-primary\"> <b>{{ comment?.likes?.length ? comment?.likes?.length : '' }}</b> <a [ngClass]=\"{'disabled-action': onLoadingLike || !global?.loggedUser()}\" (click)=\"sendLikeComment(comment.id, comment?.likeForMeID, comment)\"> \r\n            <ng-container *ngIf=\"comment.likeForMe\">\r\n                Curtiu\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!comment.likeForMe\">\r\n                Curtir\r\n            </ng-container>\r\n        </a></small> - \r\n        <small class=\"reply-comment text-primary m-0\"><b>{{ comment?.replys?.length ? comment?.replys?.length : '' }} </b> <a [ngClass]=\"{'disabled-action': !global?.loggedUser()}\" (click)=\"onReplyComment(i)\">Responder</a></small> - \r\n        <small class=\"txt-gray m-0\" *ngIf=\"comment?.edited\">editado - </small>\r\n        <small class=\"txt-gray m-0\">{{ comment.updated_at | amTimeAgo}} </small>\r\n        <!-- Reply Section -->\r\n        <form class=\"form-comment-reply\"*ngIf=\"replyingComment[i] == true\">\r\n            <input type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"reply\" name=\"reply\" (keyup.enter)=\"replyComment(comment.id, reply, comment.user_info, i)\" placeholder=\"{{ 'ReplyThisComment' | translate }}\">\r\n            <div class=\"clearfix\"></div>\r\n        </form>\r\n        <!-- <code>{{ limitReplysTo[i] | json }}</code> -->\r\n        <ng-container *ngIf=\"comment.replys && comment.replys.length > 0\">\r\n            <ng-container *ngFor=\"let subItem of comment.replys |  slice:0:comment.limitReplysTo;\">\r\n                <popover-content #myPopover \r\n                placement=\"auto right\"\r\n                [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\" [animation]=\"true\">\r\n                    <div class='minibio'>\r\n                        <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" class=\"avatar-45\" alt=\"\">\r\n                        <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br/>\r\n                        <!-- <span class=\"location\"><i class=\"icon fa fa-globe\" aria-hidden=\"true\"></i>&nbsp;Fortaleza/CE</span> -->\r\n                     </div>\r\n                    </div>\r\n                </popover-content>\r\n                <div class=\"reply-avatar\">\r\n                    <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" alt=\"\" class=\"avatar-45-null\" [popover]=\"myPopover\" [popoverOnHover]=\"true\">\r\n                    <div *ngIf=\"!subItem.user_info.picture || subItem.user_info.picture == ''\" class=\"avatar-45-null\">\r\n                        <i class=\"fa fa-user\"></i>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"replys\">\r\n                    <ng-container *ngIf=\"global.loggedUser()\">\r\n                        <ng-container *ngIf=\"global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit\">\r\n                            <div class=\"feed-comment-option\">\r\n                                <button mat-icon-button [matMenuTriggerFor]=\"appSubMenu\">\r\n                                    <mat-icon>more_vert</mat-icon>\r\n                                </button>\r\n                                <mat-menu #appSubMenu=\"matMenu\">\r\n                                    <button mat-menu-item (click)=\"onEditReply(subItem)\">\r\n                                        <mat-icon>create</mat-icon>\r\n                                        {{ 'Edit' | translate }}\r\n                                    </button>\r\n                                    <button mat-menu-item (click)=\"deleteReply(comment.id, subItem.id)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                        {{ 'Remove' | translate }}\r\n                                    </button>\r\n                                </mat-menu>\r\n                            </div>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    \r\n                    <ng-container *ngIf=\"!subItem.onEdit\">\r\n                        <p> <b>{{ subItem.user_info.name || 'N\u00E3o Informado' }}</b> {{ subItem.comment }}</p>\r\n                        <small class=\"txt-gray\">{{ subItem.updated_at | amTimeAgo}} </small>                        \r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"subItem.onEdit\">\r\n                         <form class=\"form-comment-reply form-reply-edited\">\r\n                            <input type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"editedReply\" name=\"editedReply\" (keyup.enter)=\"updateReply(comment.id, subItem, editedReply)\" placeholder=\"{{ 'ReplyThisComment' | translate }}\">\r\n                            <div class=\"clearfix\"></div>\r\n                        </form>\r\n                    </ng-container>\r\n\r\n                </div>\r\n               \r\n            </ng-container>\r\n            \r\n            <ng-container *ngIf=\"comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)\">\r\n                <div class=\"SeeMore on-reply\">\r\n                    <i class=\"fa fa-reply\"></i>\r\n                    <span (click)=\"loadMoreReplys(comment)\" *ngIf=\"(comments?.length > limitCommentsTo)\"> {{ comment.replys.length - comment.limitReplysTo}} {{ 'Replys' | translate }}</span>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n        \r\n        <!-- End Reply Section -->\r\n\r\n\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"(comments?.length > 2)\">\r\n    <div class=\"SeeMore\">\r\n        <span (click)=\"loadMoreComments()\" *ngIf=\"(comments?.length > limitCommentsTo)\">{{ 'SeeMore' | translate }} {{ comments?.length - limitCommentsTo}} {{ 'Comments' | translate }}</span>\r\n    </div>\r\n</ng-container>",
-                    styles: [".SeeMore{margin-bottom:10px;font-size:14px}.on-reply{font-size:13px;margin-top:-9px;margin-bottom:0;text-align:left!important;margin-left:65px}.on-reply span{margin-left:25px}.comments{margin:10px -15px!important}.comments .feed-comment-option{margin-top:0;margin-right:10px}.comments p{margin:11px 7px 10px 60px;font-size:14px;word-break:break-all;white-space:normal;word-break:break-word;word-wrap:break-word;background-color:#e6e6e6;padding:10px;border-radius:18px}.comments small{margin:5px 3px 5px 65px}.disabled-action{pointer-events:none;opacity:.6}.like-comment{margin:5px 3px 5px 65px}.reply-comment{margin-left:15px}.feed-comment-box{background-color:#f2f3f5;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;word-wrap:break-word;position:relative;white-space:normal;word-break:break-word}.reply-avatar{margin-left:56px;margin-top:5px}.replys{margin:5px 3px 5px 70px}.replys p{margin:0 8px 3px 31px!important;white-space:normal;word-break:break-word!important;word-wrap:break-word!important;background-color:#f5f3f3;padding:10px;border-radius:18px;width:calc(100% - 39px)!important}.replys .feed-comment-option{margin-top:0;margin-right:5px}.replys small{margin-left:35px}.form-comment-reply{width:100%;margin:0!important;padding:7px 0 10px 78px!important}.form-comment-reply input[type=text]{float:left;width:calc(100% - 15px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:8px 13px;outline:0}.form-comment-reply .editing-comment-input{padding-top:8px;margin-top:-11px;margin-left:-8px}.form-reply-edited{padding:0 0 9px 32px!important}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
+                    styles: [".SeeMore{margin-bottom:10px;font-size:14px}.on-reply{font-size:13px;margin-top:-9px;margin-bottom:0;text-align:left!important;margin-left:65px}.on-reply span{margin-left:25px}.comments{margin:10px -15px!important}.comments .feed-comment-option{margin-top:0;margin-right:10px}.comments p{margin:11px 7px 10px 60px;font-size:14px;word-break:break-all;white-space:normal;word-break:break-word;word-wrap:break-word;background-color:#e6e6e6;padding:10px;border-radius:18px}.comments small{margin:5px 3px 5px 65px}.disabled-action{pointer-events:none;opacity:.6}.like-comment{margin:5px 3px 5px 65px}.reply-comment{margin-left:15px}.feed-comment-box{background-color:#f2f3f5;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;word-wrap:break-word;position:relative;white-space:normal;word-break:break-word}.reply-avatar{margin-left:56px;margin-top:5px}.replys{margin:5px 3px 5px 70px}.replys p{margin:0 8px 3px 31px!important;white-space:normal;word-break:break-word!important;word-wrap:break-word!important;background-color:#f5f3f3;padding:10px;border-radius:18px;width:calc(100% - 39px)!important}.replys .feed-comment-option{margin-top:0;margin-right:5px}.replys small{margin-left:35px}.form-comment-reply{width:100%;margin:0!important;padding:7px 0 10px 78px!important}.form-comment-reply input[type=text]{float:left;width:calc(100% - 15px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:8px 13px;outline:0}.form-comment-reply .editing-comment-input{padding-top:8px;margin-top:-11px;margin-left:-8px}.form-reply-edited{padding:0 0 9px 32px!important}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
                 }] }
     ];
     /** @nocollapse */
@@ -3730,7 +3765,7 @@ var FeedActionsComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'feed-actions',
                     template: "<!-- <popover-content #popoverShares \r\n                placement=\"placement\"\r\n                [animation]=\"true\" \r\n                [closeOnClickOutside]=\"true\">\r\n        <div class=\"row p-2\">\r\n            <div class=\"col-sm-12\">\r\n                <b>Compartilhe este Post</b>\r\n                <p><a (click)=\"sharePost('whatsapp')\"><img src=\"https://image.flaticon.com/icons/svg/1384/1384055.svg\" width=\"10%\" alt=\"\">Whatsapp</a></p>\r\n                <p><a (click)=\"sharePost('linkedin')\"><img src=\"https://image.flaticon.com/icons/svg/179/179330.svg\" width=\"10%\" alt=\"\">Linkedin</a></p>\r\n                <p><a (click)=\"sharePost('telegram')\"><img src=\"https://image.flaticon.com/icons/svg/2111/2111646.svg\" width=\"10%\" alt=\"\">Telegram</a></p>\r\n            </div>\r\n        </div>\r\n</popover-content>  *ngIf=\"global.loggedUser()\"-->\r\n\r\n<mat-card-actions>\r\n    <ng-container   *ngIf=\"global.loggedUser()\">\r\n        <div class=\"animated feed-actions\">\r\n            <ng-container >\r\n\r\n                <a class=\"mr-2\" (click)=\"sendLike()\" [ngClass]=\"{ 'is-liked': likeForMe, 'disabled-like': onSendLike }\">\r\n                    <i class=\"fa fa-thumbs-up\"></i>\r\n                    <span>{{ 0 || likes?.length }}</span>\r\n                </a>\r\n                <a class=\"mr-2 \">\r\n                      <i class=\"fa fa-comments\"></i>\r\n                    <span>{{ 0 || comments?.length }}</span>\r\n                </a>\r\n               \r\n                    <!-- <a class=\"mr-4 animated clickable\" (click)=\"sharePost('whatsapp')\" [ngClass]=\"{ 'is-liked': sharedForMe, 'disabled-like': onSendShared }\">\r\n                        <img src=\"https://res.cloudinary.com/agencia-midia9/image/upload/v1593079306/ASAP/share_ln0xno.svg\" width=\"4%\">\r\n                        <span>{{ 0 || shareds?.length }}</span>\r\n                    </a> -->\r\n                    <div class=\"dropdown minh-4\" style=\"display:inline-block\">\r\n                        <a class=\"animated\" [ngClass]=\"{ 'is-liked': sharedForMe, 'disabled-like': onSendShared }\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                            <i class=\"fa fa-share\"></i> {{ 0 || shareds?.length }}\r\n                        </a>\r\n                            <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\r\n                            <a class=\"dropdown-item\"  (click)=\"sharePost('whatsapp')\"><i class=\"fa fa-whatsapp\"></i> Whatsapp</a>\r\n                            <!-- <a class=\"dropdown-item\"  (click)=\"sharePost('facebook')\"><i class=\"fa fa-facebook\"></i> Facebook</a>\r\n                            <a class=\"dropdown-item\"  (click)=\"sharePost('linkedin')\"><i class=\"fa fa-linkedin\"></i> Linkedin</a>\r\n                            <a class=\"dropdown-item\"  (click)=\"sharePost('telegram')\"><i class=\"fa fa-telegram\"></i> Telegram</a> -->\r\n                            <a class=\"dropdown-item\"  (click)=\"sharePost('link')\"><i class=\"fa fa-clipboard\"></i> Copiar Link</a>\r\n                            </div>\r\n                    </div>\r\n                \r\n            </ng-container>\r\n        </div>\r\n    </ng-container>\r\n</mat-card-actions>",
-                    styles: [".popover{padding:7px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
+                    styles: [".popover{padding:7px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
                 }] }
     ];
     /** @nocollapse */
@@ -4796,7 +4831,7 @@ var ModalAnnounceComponent = /** @class */ (function () {
                     selector: 'modal-announce',
                     template: "<div mat-dialog-content>\r\n   <div class=\"row mt-4\" *ngIf=\"progress\">\r\n      <div class=\"col-sm-12\">\r\n         <mat-progress-bar mode=\"determinate\" [value]=\"progress\">{{ progress }}%</mat-progress-bar>\r\n      </div>\r\n   </div>\r\n   <mat-horizontal-stepper #steper [linear]=\"true\">\r\n      <mat-step label=\"An\u00FAncio\" [stepControl]=\"false\">\r\n         <form #formAnuncio=\"ngForm\" validate>\r\n            <div class=\"row mt-2\">\r\n               <div class=\"col-sm-12\">\r\n                  <b>{{ 'AnnouceQuestionText' | translate }}</b><br>\r\n               </div>\r\n               <div class=\"col-sm-12 mt-3\">\r\n                  \r\n                  <mat-radio-group required [(ngModel)]=\"newProduct\" name=\"newProduct\">\r\n                     <mat-radio-button class=\"mr-3\" [value]=\"true\" [checked]=\"true\">Novo Produto </mat-radio-button>\r\n                     <mat-radio-button [value]=\"false\" [disabled]=\"!myProducts || myProducts.length <= 0\"><i class=\"fa fa-spin fa-spinner\" *ngIf=\"!myProducts || myProducts.length <= 0\"></i>{{ 'ExistsProduct' | translate }}</mat-radio-button>\r\n                  </mat-radio-group>\r\n               </div>\r\n            </div>\r\n            <div class=\"row mt-4\" *ngIf=\"!newProduct\">\r\n               <div class=\"col-sm-12\">\r\n                  <b>{{ 'AnnouceProuctQuestionText' | translate }}</b>\r\n               </div>\r\n               <div class=\"col-sm-12\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <mat-select placeholder=\"Selecione o Produto\" class=\"w-100\" name=\"selectedProduct\"\r\n                        [(ngModel)]=\"selectedProduct\">\r\n                        <mat-option *ngFor=\"let row of myProducts\" [value]=\"row\"> {{ row.produto }}</mat-option>\r\n                     </mat-select>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <ng-container *ngIf=\"selectedProduct\">\r\n                  <div class=\"row container\">\r\n                     <ng-container *ngIf=\"selectedProduct.fotos\">\r\n                        <div class=\"col-md-4\" *ngFor=\"let item of selectedProduct.fotos\">\r\n                           <img [src]=\"item.img\" class=\"img-thumbnail img-responsive\"\r\n                              style=\"width: 100%;height: 170px;object-fit: cover;\">\r\n                        </div>\r\n                     </ng-container>\r\n                  </div>\r\n                  <div class=\"col-sm-12 mt-2\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput placeholder=\"Nome do Produto\" [(ngModel)]=\"selectedProduct.produto\"\r\n                           name=\"produto\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"selectedProduct.valorDe\" name=\"valorDe\"\r\n                           placeholder=\"De R$\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"selectedProduct.valorAte\" name=\"valorAte\"\r\n                           placeholder=\"At\u00E9 R$\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput type=\"number\" [(ngModel)]=\"selectedProduct.qtdMinimo\" name=\"qtdMinimo\"\r\n                           placeholder=\"Quantidade M\u00EDnima\" [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">{{  'MinQuantity' | translate }}</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput [(ngModel)]=\"selectedProduct.hashtag\" name=\"hashtag\" placeholder=\"Palavra-chave\"\r\n                           [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">{{ 'AnnounceKeywordsText' | translate }}</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <textarea rows=\"5\" matInput #descr maxlength=\"300\" maxlength=\"300\"\r\n                           [(ngModel)]=\"selectedProduct.descr\" placeholder=\"Descri\u00E7\u00E3o\" name=\"descr\"\r\n                           [disabled]=\"true\"></textarea>\r\n                        <mat-hint class=\"pull-right\">0 / 300</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12 mt-1\">\r\n                     <b>{{ 'AnnounceAdaptationText' | translate }}</b>\r\n                     <p>{{ 'AnnounceAdaptationDescription' | translate }}</p>\r\n                     <mat-radio-group [(ngModel)]=\"selectedProduct.adaptation\" name=\"adaptation\" [disabled]=\"true\">\r\n                        <mat-radio-button class=\"mr-3\" value=\"sim\">{{ 'Yes' | translate }}</mat-radio-button>\r\n                        <mat-radio-button value=\"nao\">{{ 'No' | translate }}</mat-radio-button>\r\n                     </mat-radio-group>\r\n                  </div>\r\n               </ng-container>\r\n            </div>\r\n\r\n            <div class=\"row mt-4\" *ngIf=\"newProduct\">\r\n               <div class=\"col-sm-12\">\r\n                  <div class=\"alert alert-primary\" role=\"alert\">\r\n                       {{ 'AnnounceProductAddText' | translate }} \r\n                  </div>\r\n               </div>\r\n               <div class=\"col-sm-12\">\r\n                  <b>{{ 'AnnounceInformationText' | translate }}</b>\r\n               </div>\r\n               <div class=\"col-sm-12\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <input matInput placeholder=\"{{ 'ProductName' | translate }}\" [(ngModel)]=\"entity.produto\" name=\"produto\" required>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-6\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <mat-select placeholder=\"{{ 'ProductCategory' | translate }}\" class=\"w-100\" [(ngModel)]=\"entity.categoria_id\"\r\n                        (ngModelChange)=\"loadSubCategories(entity.categoria_id)\" name=\"categoria_id\">\r\n                        <mat-option *ngFor=\"let row of category\" [value]=\"row.id\"><i class=\"{{ row.icon }}\"></i>\r\n                           {{ row.name }}\r\n                        </mat-option>\r\n                     </mat-select>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-6\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <mat-select placeholder=\"{{ 'ProductSubCategory' | translate }}\" class=\"w-100\" [(ngModel)]=\"entity.subcategoria_id\"\r\n                        [disabled]=\"!entity.categoria_id || !subCategory\" name=\"subcategoria_id\">\r\n                        <mat-option *ngFor=\"let row of subCategory\" [value]=\"row.id\">{{ row.subCategory }}\r\n                        </mat-option>\r\n                     </mat-select>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-4\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <input matInput currencyMask [(ngModel)]=\"entity.valorDe\" name=\"valorDe\" placeholder=\"{{ 'ProductValueAt' | translate }}\"\r\n                        required>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-4\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <input matInput currencyMask [(ngModel)]=\"entity.valorAte\" name=\"valorAte\" placeholder=\"{{ 'ProductValueEnd' | translate }}\"\r\n                        required>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-4\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <input matInput type=\"number\" [(ngModel)]=\"entity.qtdMinimo\" name=\"qtdMinimo\"\r\n                        placeholder=\"Quantidade M\u00EDnima\" required>\r\n                     <mat-hint class=\"pull-right\">{{ 'AnnounceMinimalQuantity' | translate }}</mat-hint>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-12\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <input matInput [(ngModel)]=\"entity.hashtag\" name=\"hashtag\" placeholder=\"Palavra-chave\" required>\r\n                     <mat-hint class=\"pull-right\">{{ 'AnnounceKeywordsText' | translate }}</mat-hint>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-12\">\r\n                  <mat-form-field class=\"w-100\">\r\n                     <textarea rows=\"5\" matInput #descr maxlength=\"300\" name=\"descr\" maxlength=\"300\"\r\n                        [(ngModel)]=\"entity.descr\" placeholder=\"{{ 'AnnounceProuctDescription' | translate }}\" required></textarea>\r\n                     <mat-hint class=\"pull-right\">0 / 300</mat-hint>\r\n                  </mat-form-field>\r\n               </div>\r\n\r\n               <div class=\"col-sm-12 mt-1\">\r\n                  <b>{{ 'AnnounceAdaptationText' | translate }}</b>\r\n                  <p>{{ 'AnnounceAdaptationDescription' | translate }}</p>\r\n                  <mat-radio-group [(ngModel)]=\"entity.adaptation\" required name=\"adaptation\">\r\n                     <mat-radio-button class=\"mr-3\" value=\"sim\">{{ 'Yes' | translate }}</mat-radio-button>\r\n                     <mat-radio-button value=\"nao\">{{ 'No' | translate }}</mat-radio-button>\r\n                  </mat-radio-group>\r\n               </div>\r\n\r\n            </div>\r\n         </form>\r\n      </mat-step>\r\n\r\n      <mat-step label=\"Imagens\" [stepControl]=\"false\" *ngIf=\"newProduct\">\r\n         <ng-container>\r\n            <div class=\"row \" *ngIf=\"tmpFileArray.length <= 0\">\r\n               <div class=\"col-sm-12 mx-auto text-center img-box-upload clickable\">\r\n                  <label>\r\n                     <p>Adicione aqui imagens ou v\u00EDdeos para destacar o seu produto</p>\r\n                     <img src=\"https://image.flaticon.com/icons/svg/1515/1515643.svg\">\r\n                     <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\r\n                  </label>\r\n               </div>\r\n            </div>\r\n            <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n               <ng-container *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n                  <div class=\"col-sm-4 mb-2 tmp-file-wrapper\" *ngFor=\"let file of tmpFileArray\">\r\n                     <!-- <div class=\"tmp-file-status-overlay\" *ngIf=\"file.status < 100\">\r\n                              <p class=\"tmp-file-status-title\">Enviando...</p>\r\n                              <p class=\"tmp-file-status-desc\" *ngIf=\"file.status > 0\">{{ file.status }}%</p>\r\n                              </div> -->\r\n                     <div class=\"tmp-file-buttons-overlay\">\r\n                        <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\r\n                           <span class=\"fa fa-remove\"></span>\r\n                        </button>\r\n                     </div>\r\n                     <div class=\"tmp-file-content outline-bordered\">\r\n                        <img [src]=\"file.url ||file.fileSanitized\" class=\"img-responsive tmp-upload \"\r\n                           *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\r\n                        <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay [muted]=\"'muted'\"\r\n                           loop *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n                           <source [src]=\"file.name\" />\r\n                        </video>\r\n                     </div>\r\n                  </div>\r\n               </ng-container>\r\n            </div>\r\n         </ng-container>\r\n      </mat-step>\r\n\r\n      <mat-step label=\"Finalizar\" [stepControl]=\"false\">\r\n         <div class=\"row\">\r\n            <div class=\"col-sm-12\">\r\n               <b>Verifique o seu an\u00FAncio antes de Confirmar</b>\r\n            </div>\r\n         </div>\r\n         <ng-container *ngIf=\"newProduct\">\r\n            <ng-container>\r\n               <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n                  <ng-container *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n                     <div class=\"col-sm-4 mb-2 tmp-file-wrapper\" *ngFor=\"let file of tmpFileArray\">\r\n                        <!-- <div class=\"tmp-file-status-overlay\" *ngIf=\"file.status < 100\">\r\n                                             <p class=\"tmp-file-status-title\">Enviando...</p>\r\n                                             <p class=\"tmp-file-status-desc\" *ngIf=\"file.status > 0\">{{ file.status }}%</p>\r\n                                             </div> -->\r\n                        <!-- <div class=\"tmp-file-buttons-overlay\">\r\n                                 <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\r\n                                    <span class=\"fa fa-remove\"></span>\r\n                                 </button>\r\n                              </div> -->\r\n                        <div class=\"tmp-file-content outline-bordered\">\r\n                           <img [src]=\"file.url ||file.fileSanitized\" class=\"img-responsive tmp-upload img-thumbnail\"\r\n                              *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\r\n                           <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay\r\n                              [muted]=\"'muted'\" loop *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n                              <source [src]=\"file.name\" />\r\n                           </video>\r\n                        </div>\r\n                     </div>\r\n                  </ng-container>\r\n               </div>\r\n            </ng-container>\r\n            <div class=\"row\">\r\n               <ng-container *ngIf=\"entity\">\r\n                  <div class=\"col-sm-12 mt-2\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput placeholder=\"Nome do Produto\" [(ngModel)]=\"entity.produto\" name=\"produto\"\r\n                           [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"entity.valorDe\" name=\"valorDe\" placeholder=\"De R$\"\r\n                           [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"entity.valorAte\" name=\"valorAte\" placeholder=\"At\u00E9 R$\"\r\n                           [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput type=\"number\" [(ngModel)]=\"entity.qtdMinimo\" name=\"qtdMinimo\"\r\n                           placeholder=\"Quantidade M\u00EDnima\" [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">Quantidade minima.</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput [(ngModel)]=\"entity.hashtag\" placeholder=\"Palavra-chave\" name=\"hashtag\"\r\n                           [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <textarea rows=\"5\" matInput #descr maxlength=\"300\" maxlength=\"300\" [(ngModel)]=\"entity.descr\"\r\n                           name=\"descr\" placeholder=\"Descri\u00E7\u00E3o\" [disabled]=\"true\"></textarea>\r\n                        <mat-hint class=\"pull-right\">{{entity?.descr?.length}} / 300</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12 mt-1\">\r\n                     <b>Aceita adapta\u00E7\u00F5es neste produto?</b>\r\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Voc\u00EA toparia fazer\r\n                        essas\r\n                        adapta\u00E7\u00F5es\r\n                        ao seu produto para atend\u00EA-lo?</p>\r\n                     <mat-radio-group name=\"adaptation\" [disabled]=\"true\">\r\n                        <mat-radio-button class=\"mr-3\" [checked]=\"(entity.adaptation == 'sim')? true : false\">Sim\r\n                        </mat-radio-button>\r\n                        <mat-radio-button [checked]=\"(entity.adaptation == 'nao')? true : false\">N\u00E3o</mat-radio-button>\r\n                     </mat-radio-group>\r\n                  </div>\r\n               </ng-container>\r\n            </div>\r\n         </ng-container>\r\n\r\n         <ng-container *ngIf=\"!newProduct\">\r\n            <div class=\"row\">\r\n               <ng-container *ngIf=\"selectedProduct?.fotos\">\r\n                  <div class=\"col-md-4\" *ngFor=\"let item of selectedProduct.fotos\">\r\n                     <img [src]=\"item.img\" class=\"img-thumbnail img-responsive\"\r\n                        style=\"width: 100%;height: 170px;object-fit: cover;\">\r\n                  </div>\r\n               </ng-container>\r\n            </div>\r\n            <div class=\"row\">\r\n               <ng-container *ngIf=\"selectedProduct\">\r\n                  <div class=\"col-sm-12 mt-2\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput placeholder=\"Nome do Produto\" [(ngModel)]=\"selectedProduct.produto\"\r\n                           name=\"produto\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"selectedProduct.valorDe\" name=\"valorDe\"\r\n                           placeholder=\"De R$\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput currencyMask [(ngModel)]=\"selectedProduct.valorAte\" name=\"valorAte\"\r\n                           placeholder=\"At\u00E9 R$\" [disabled]=\"true\">\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-4\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput type=\"number\" [(ngModel)]=\"selectedProduct.qtdMinimo\" name=\"qtdMinimo\"\r\n                           placeholder=\"Quantidade M\u00EDnima\" [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">Quantidade minima.</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <input matInput [(ngModel)]=\"selectedProduct.hashtag\" placeholder=\"Palavra-chave\" name=\"hashtag\"\r\n                           [disabled]=\"true\">\r\n                        <mat-hint class=\"pull-right\">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12\">\r\n                     <mat-form-field class=\"w-100\">\r\n                        <textarea rows=\"5\" matInput #descr maxlength=\"300\" maxlength=\"300\"\r\n                           [(ngModel)]=\"selectedProduct.descr\" name=\"descr\" placeholder=\"Descri\u00E7\u00E3o\"\r\n                           [disabled]=\"true\"></textarea>\r\n                        <mat-hint class=\"pull-right\">{{selectedProduct?.descr?.length}} / 300</mat-hint>\r\n                     </mat-form-field>\r\n                  </div>\r\n\r\n                  <div class=\"col-sm-12 mt-1\">\r\n                     <b>Aceita adapta\u00E7\u00F5es neste produto?</b>\r\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Voc\u00EA toparia fazer\r\n                        essas\r\n                        adapta\u00E7\u00F5es\r\n                        ao seu produto para atend\u00EA-lo?</p>\r\n                     <mat-radio-group name=\"adaptation\" [disabled]=\"true\">\r\n                        <mat-radio-button class=\"mr-3\" [checked]=\"(selectedProduct.adaptation == 'sim')? true : false\">\r\n                           Sim\r\n                        </mat-radio-button>\r\n                        <mat-radio-button [checked]=\"(selectedProduct.adaptation == 'nao')? true : false\">N\u00E3o\r\n                        </mat-radio-button>\r\n                     </mat-radio-group>\r\n                  </div>\r\n               </ng-container>\r\n            </div>\r\n         </ng-container>\r\n      </mat-step>\r\n   </mat-horizontal-stepper>\r\n\r\n</div>\r\n<div mat-dialog-actions>\r\n   <div class=\"w-50\">\r\n      <button matInput class=\"btn btn-feed btn-primary btn-custom-social mr-1\" (click)=\"close()\" [disabled]=\"uploading\">\r\n         <span>\r\n            <span>Fechar</span>\r\n         </span>\r\n      </button>\r\n      <label *ngIf=\"steper.selectedIndex == 1 && newProduct\">\r\n         <a class=\"btn btn-feed btn-round btn-primary\">\r\n            <span>Foto/V\u00EDdeo</span>\r\n         </a>\r\n         <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\r\n      </label>\r\n   </div>\r\n   <div class=\"w-50 text-right\">\r\n      <button matInput class=\"btn btn-feed btn-primary btn-custom-social mr-1\" (click)=\"steper.previous()\"\r\n         [disabled]=\"uploading\" *ngIf=\"steper.selectedIndex != 0\">\r\n         <span>\r\n            <span>Anterior</span>\r\n         </span>\r\n      </button>\r\n\r\n      <ng-container *ngIf=\"newProduct\">\r\n         <button matInput class=\"btn btn-feed btn-primary btn-custom-social mr-1\" (click)=\"steper.next()\"\r\n            [disabled]=\"!formAnuncio.valid\" *ngIf=\"steper.selectedIndex != 2\">\r\n            <span>\r\n               <span>Pr\u00F3ximo</span>\r\n            </span>\r\n         </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!newProduct\">\r\n         <button matInput class=\"btn btn-feed btn-primary btn-custom-social mr-1\" (click)=\"steper.next()\"\r\n            [disabled]=\"!formAnuncio.valid\" *ngIf=\"steper.selectedIndex == 0\">\r\n            <span>\r\n               <span>Pr\u00F3ximo</span>\r\n            </span>\r\n         </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"newProduct\">\r\n         <button matInput class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"onSave()\"\r\n            [disabled]=\"!formAnuncio.valid || tmpFileArray.length <= 0\" *ngIf=\"steper.selectedIndex == 2\">\r\n            <span *ngIf=\"!uploading &&!uploadingVideo\">\r\n               <span>Publicar</span>\r\n            </span>\r\n            <span *ngIf=\"uploading\">\r\n               <i class=\"fa fa-spin fa-spinner\"></i>\r\n               Salvando\r\n            </span>\r\n            <span *ngIf=\"uploadingVideo\">\r\n               <i class=\"fa fa-spin fa-spinner\"></i>\r\n               Enviando V\u00EDdeo\r\n            </span>\r\n         </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!newProduct\">\r\n         <button matInput class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"onSave()\"\r\n            [disabled]=\"!formAnuncio.valid || selectedProduct.fotos <= 0\" *ngIf=\"steper.selectedIndex == 1\">\r\n            <span *ngIf=\"!uploading && !uploadingVideo\">\r\n               <span>Publicar</span>\r\n            </span>\r\n            <span *ngIf=\"uploading\">\r\n               <i class=\"fa fa-spin fa-spinner\"></i>\r\n               Salvando\r\n            </span>\r\n            <span *ngIf=\"uploadingVideo\">\r\n               <i class=\"fa fa-spin fa-spinner\"></i>\r\n               Enviando V\u00EDdeo\r\n            </span>\r\n         </button>\r\n      </ng-container>\r\n   </div>\r\n</div>",
                     providers: [AsapService, Global, StreamService, ProductService],
-                    styles: [".img-box-upload{border:2px dashed #000;border-radius:3px}.img-box-upload img{width:20%}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
+                    styles: [".img-box-upload{border:2px dashed #000;border-radius:3px}.img-box-upload img{width:20%}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
                 }] }
     ];
     /** @nocollapse */
@@ -4876,15 +4911,153 @@ if (false) {
     ModalAnnounceComponent.prototype.feed;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/services/user.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var UserService = /** @class */ (function (_super) {
+    __extends(UserService, _super);
+    function UserService(http) {
+        var _this = _super.call(this, http) || this;
+        _this.http = http;
+        return _this;
+    }
+    /**
+     * @param {?} payload
+     * @return {?}
+     */
+    UserService.prototype.usersChecked = /**
+     * @param {?} payload
+     * @return {?}
+     */
+    function (payload) {
+        return this.http.post(this.baseUrl + '/api/v2/client/onesignal/user', payload, { headers: this.headers() });
+    };
+    /**
+     * @return {?}
+     */
+    UserService.prototype.getForms = /**
+     * @return {?}
+     */
+    function () {
+        return this.http.get(this.baseUrl + '/api/v2/admin/user/form', { headers: this.headers() });
+    };
+    /**
+     * @param {?=} search
+     * @return {?}
+     */
+    UserService.prototype.getAllUsers = /**
+     * @param {?=} search
+     * @return {?}
+     */
+    function (search) {
+        if (search === void 0) { search = ''; }
+        /** @type {?} */
+        var query = 'all';
+        if (search) {
+            query = "search=" + search;
+        }
+        return this.http.get(this.baseUrl + "/api/v2/admin/asap-user?" + query, { headers: this.headers() });
+    };
+    /**
+     * @param {?=} idUser
+     * @return {?}
+     */
+    UserService.prototype.getUserData = /**
+     * @param {?=} idUser
+     * @return {?}
+     */
+    function (idUser) {
+        if (idUser === void 0) { idUser = null; }
+        if (idUser !== null) {
+            return this.http.get(this.baseUrl + '/api/v2/admin/asap-user/' + idUser, { headers: this.headers() });
+        }
+        return this.http.get(this.baseUrl + '/api/v2/admin/asap-user', { headers: this.headers() });
+    };
+    /**
+     * @return {?}
+     */
+    UserService.prototype.getUserForm = /**
+     * @return {?}
+     */
+    function () {
+        return this.http.get(this.baseUrl + '/api/v2/admin/user/form', { headers: this.headers() });
+    };
+    /**
+     * @param {?} cep
+     * @return {?}
+     */
+    UserService.prototype.getAdressByCep = /**
+     * @param {?} cep
+     * @return {?}
+     */
+    function (cep) {
+        /** @type {?} */
+        var headerOptions = {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        };
+        return this.http.get('http://viacep.com.br/ws/' + cep + '/json/', { headers: new HttpHeaders(headerOptions) });
+    };
+    /**
+     * @param {?} id
+     * @return {?}
+     */
+    UserService.prototype.remove = /**
+     * @param {?} id
+     * @return {?}
+     */
+    function (id) {
+        /** @type {?} */
+        var url = this.baseUrl + '/api/v2/admin/user/delete/' + id;
+        return this.http.delete(url, { headers: this.headers() });
+    };
+    /**
+     * @param {?} data
+     * @param {?=} idCliente
+     * @return {?}
+     */
+    UserService.prototype.saveData = /**
+     * @param {?} data
+     * @param {?=} idCliente
+     * @return {?}
+     */
+    function (data, idCliente) {
+        if (idCliente === void 0) { idCliente = null; }
+        /** @type {?} */
+        var headerOptions = {
+            'Authorization': localStorage.getItem('token'),
+            'Accept': 'application/json'
+        };
+        if (idCliente === null) {
+            return this.http.post(this.baseUrl + '/api/v2/admin/asap-user/store', data, { headers: new HttpHeaders(headerOptions) });
+        }
+        return this.http.put(this.baseUrl + '/api/v2/admin/asap-user/' + idCliente + '/update', data, { headers: new HttpHeaders(headerOptions) });
+    };
+    UserService.decorators = [
+        { type: Injectable }
+    ];
+    /** @nocollapse */
+    UserService.ctorParameters = function () { return [
+        { type: HttpClient }
+    ]; };
+    return UserService;
+}(BaseService));
+if (false) {
+    /** @type {?} */
+    UserService.prototype.http;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/feed-publication/feed-publication.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FeedPublicationComponent = /** @class */ (function () {
-    function FeedPublicationComponent(global, feedService, sanitizer, streamService, utilsService, db, http, dialog) {
+    function FeedPublicationComponent(global, feedService, userService, sanitizer, streamService, utilsService, db, http, dialog) {
         this.global = global;
         this.feedService = feedService;
+        this.userService = userService;
         this.sanitizer = sanitizer;
         this.streamService = streamService;
         this.utilsService = utilsService;
@@ -4893,9 +5066,15 @@ var FeedPublicationComponent = /** @class */ (function () {
         this.dialog = dialog;
         this.announce = false;
         this.feedCreated = new EventEmitter();
+        this.filter = new EventEmitter();
+        this.users = [];
         this.title = null;
         this.type = 'post';
         this.disabled = false;
+        this.message = "Digite acima o nome da pessoa que deseja marcar, em seguida pressione [ENTER]";
+        this.selectedUsers = {};
+        this.listType = 'search';
+        this.filterByMe = false;
     }
     /**
      * @return {?}
@@ -4907,6 +5086,42 @@ var FeedPublicationComponent = /** @class */ (function () {
         this.tmpFileArray = [];
         console.log('Prefix Publication ->', path().feed);
     };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    FeedPublicationComponent.prototype.loadUsers = /**
+     * @param {?} value
+     * @return {?}
+     */
+    function (value) {
+        var _this = this;
+        /** @type {?} */
+        var search = value;
+        this.users = null;
+        this.listType = 'search';
+        if (search != '') {
+            this.message = "Nenhum usuário encontrado!";
+            this.userService.getAllUsers(search).subscribe((/**
+             * @param {?} response
+             * @return {?}
+             */
+            function (response) {
+                _this.users = response.data.map((/**
+                 * @param {?} user
+                 * @return {?}
+                 */
+                function (user) {
+                    return {
+                        id: user.user_info.user_id,
+                        name: user.user_info.user_name,
+                        email: user.email,
+                        picture: user.picture
+                    };
+                }));
+            }));
+        }
+    };
     /**
      * @param {?} event
      * @return {?}
@@ -5161,6 +5376,12 @@ var FeedPublicationComponent = /** @class */ (function () {
         data.updated_at = Date.now();
         data.title = this.title;
         data.type = this.type;
+        data.selected_users = [];
+        for (var id in this.selectedUsers) {
+            if (this.selectedUsers[id]) {
+                data.selected_users.push(id);
+            }
+        }
         if (this.tmpFileArray || this.tmpFileArray.length > 0) {
             data.files = this.tmpFileArray;
             // const videoFilter = data.files.filter(tmp => this.getTypeByMimeType(tmp.type) === 'video');
@@ -5193,7 +5414,16 @@ var FeedPublicationComponent = /** @class */ (function () {
                 }
             }));
         }
-        this.publish(data);
+        this.publish(data).then((/**
+         * @param {?} id
+         * @return {?}
+         */
+        function (id) {
+            if (data.selected_users.length) {
+                _this.userService.usersChecked({ post_id: id, user_id: data.selected_users }).subscribe();
+            }
+        }));
+        this.selectedUsers = [];
     };
     /**
      * @param {?} data
@@ -5204,145 +5434,173 @@ var FeedPublicationComponent = /** @class */ (function () {
      * @return {?}
      */
     function (data) {
-        var e_2, _a;
         var _this = this;
-        /** @type {?} */
-        var image;
-        console.log('Publish()', 1, data);
-        if (!data.title || data.title === '') {
-            this.global.toastService.error({
-                title: 'Ops',
-                message: 'Você precisa adicionar um texto à sua imagem/vídeo.',
-            });
-            return;
-        }
-        this.uploading = true;
-        this.progress = 0;
-        /** @type {?} */
-        var count = 0;
-        data.user_info = {
-            id: this.global.loggedUser().id,
-            name: this.global.loggedUser().name,
-            picture: this.global.loggedUser().picture,
-            updated_at: Date.now()
-        };
-        if (this.type == 'embed') {
+        return new Promise((/**
+         * @param {?} resolve
+         * @return {?}
+         */
+        function (resolve) {
+            var e_2, _a;
             /** @type {?} */
-            var fileEmbed = {
-                name: this.embedFile,
-                url: this.embedFile,
-                type: 'embed'
+            var image;
+            /** @type {?} */
+            var id;
+            console.log('Publish()', 1, data);
+            if (!data.title || data.title === '') {
+                _this.global.toastService.error({
+                    title: 'Ops',
+                    message: 'Você precisa adicionar um texto à sua imagem/vídeo.',
+                });
+                return;
+            }
+            _this.uploading = true;
+            _this.progress = 0;
+            /** @type {?} */
+            var count = 0;
+            data.user_info = {
+                id: _this.global.loggedUser().id,
+                name: _this.global.loggedUser().name,
+                picture: _this.global.loggedUser().picture,
+                updated_at: Date.now()
             };
-            this.tmpFileArray.push(fileEmbed);
-        }
-        if (this.type != 'embed') {
-            if (this.tmpFileArray && this.tmpFileArray.length > 0) {
-                console.log('this.tmpFileArray', this.getTypeByMimeType(this.tmpFileArray[0].type));
-                console.log('Publish()', 2);
+            if (_this.type == 'embed') {
                 /** @type {?} */
-                var imagesFiles_2 = this.tmpFileArray.filter((/**
-                 * @param {?} tmp
-                 * @return {?}
-                 */
-                function (tmp) { return _this.getTypeByMimeType(tmp.type) === 'image'; }));
-                /** @type {?} */
-                var step_1 = 98 / imagesFiles_2.length;
-                if ((imagesFiles_2.length && data.title === '')) {
-                    this.global.toastService.error({
-                        title: 'Ops',
-                        message: 'Você precisa adicionar um texto junto à sua imagem/vídeo.',
-                    });
-                    return;
-                }
-                if (imagesFiles_2.length > 0) {
-                    var _loop_2 = function (file) {
-                        setTimeout((/**
-                         * @return {?}
-                         */
-                        function () {
-                            _this.utilsService.uploadFile("images/" + file.name, file.url);
-                            _this.utilsService.percentage.subscribe((/**
-                             * @param {?} percent
-                             * @return {?}
-                             */
-                            function (percent) {
-                                file.status = percent;
-                            }));
-                            _this.utilsService.task.snapshotChanges().subscribe((/**
-                             * @param {?} snap
+                var fileEmbed = {
+                    name: _this.embedFile,
+                    url: _this.embedFile,
+                    type: 'embed'
+                };
+                _this.tmpFileArray.push(fileEmbed);
+            }
+            if (_this.type != 'embed') {
+                if (_this.tmpFileArray && _this.tmpFileArray.length > 0) {
+                    console.log('this.tmpFileArray', _this.getTypeByMimeType(_this.tmpFileArray[0].type));
+                    console.log('Publish()', 2);
+                    /** @type {?} */
+                    var imagesFiles_2 = _this.tmpFileArray.filter((/**
+                     * @param {?} tmp
+                     * @return {?}
+                     */
+                    function (tmp) { return _this.getTypeByMimeType(tmp.type) === 'image'; }));
+                    /** @type {?} */
+                    var step_1 = 98 / imagesFiles_2.length;
+                    if ((imagesFiles_2.length && data.title === '')) {
+                        _this.global.toastService.error({
+                            title: 'Ops',
+                            message: 'Você precisa adicionar um texto junto à sua imagem/vídeo.',
+                        });
+                        return;
+                    }
+                    if (imagesFiles_2.length > 0) {
+                        var _loop_2 = function (file) {
+                            setTimeout((/**
                              * @return {?}
                              */
-                            function (snap) { return __awaiter(_this, void 0, void 0, function () {
-                                var index, collection;
-                                var _this = this;
-                                return __generator(this, function (_a) {
-                                    if (snap.bytesTransferred === snap.totalBytes) {
-                                        count++;
-                                        this.progress += step_1;
-                                        console.log('PROGRESS', this.progress);
-                                        index = data.files.findIndex((/**
-                                         * @param {?} item
-                                         * @return {?}
-                                         */
-                                        function (item) { return item.name === file.name; }));
-                                        if ((!image) && (data.files[index])) {
-                                            this.utilsService.getFireStorageURL("images/" + data.files[index].name).subscribe((/**
-                                             * @param {?} imageURL
+                            function () {
+                                _this.utilsService.uploadFile("images/" + file.name, file.url);
+                                _this.utilsService.percentage.subscribe((/**
+                                 * @param {?} percent
+                                 * @return {?}
+                                 */
+                                function (percent) {
+                                    file.status = percent;
+                                }));
+                                _this.utilsService.task.snapshotChanges().subscribe((/**
+                                 * @param {?} snap
+                                 * @return {?}
+                                 */
+                                function (snap) { return __awaiter(_this, void 0, void 0, function () {
+                                    var index, collection;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        if (snap.bytesTransferred === snap.totalBytes) {
+                                            count++;
+                                            this.progress += step_1;
+                                            console.log('PROGRESS', this.progress);
+                                            index = data.files.findIndex((/**
+                                             * @param {?} item
                                              * @return {?}
                                              */
-                                            function (imageURL) {
-                                                image = imageURL;
-                                            }));
-                                        }
-                                        delete data.files[index].url;
-                                        if (count == imagesFiles_2.length) {
-                                            console.log('Criando Feed');
-                                            collection = this.db.collection(path().feed);
-                                            collection.add(classToPlain(data)).then((/**
-                                             * @param {?} response
-                                             * @return {?}
-                                             */
-                                            function (response) {
-                                                _this.db.collection(path().feed).doc(response.id).update({ id: response.id });
-                                                _this.feedCreated.emit(response.id);
-                                            }));
-                                            this.title = '';
-                                            this.progress = null;
-                                            this.uploading = null;
-                                            this.tmpFileArray = [];
-                                            console.log('Publish()', 4);
+                                            function (item) { return item.name === file.name; }));
+                                            if ((!image) && (data.files[index])) {
+                                                this.utilsService.getFireStorageURL("images/" + data.files[index].name).subscribe((/**
+                                                 * @param {?} imageURL
+                                                 * @return {?}
+                                                 */
+                                                function (imageURL) {
+                                                    image = imageURL;
+                                                }));
+                                            }
+                                            delete data.files[index].url;
+                                            if (count == imagesFiles_2.length) {
+                                                console.log('Criando Feed');
+                                                collection = this.db.collection(path().feed);
+                                                collection.add(classToPlain(data)).then((/**
+                                                 * @param {?} response
+                                                 * @return {?}
+                                                 */
+                                                function (response) {
+                                                    _this.db.collection(path().feed).doc(response.id).update({ id: response.id });
+                                                    _this.feedCreated.emit(response.id);
+                                                    resolve(response.id);
+                                                }));
+                                                this.title = '';
+                                                this.progress = null;
+                                                this.uploading = null;
+                                                this.tmpFileArray = [];
+                                                console.log('Publish()', 4);
+                                            }
                                         }
-                                    }
-                                    return [2 /*return*/];
-                                });
-                            }); }), (/**
-                             * @param {?} error
-                             * @return {?}
-                             */
-                            function (error) {
-                                console.error('Error', error);
+                                        return [2 /*return*/];
+                                    });
+                                }); }), (/**
+                                 * @param {?} error
+                                 * @return {?}
+                                 */
+                                function (error) {
+                                    console.error('Error', error);
+                                }));
                             }));
-                        }));
-                    };
-                    try {
-                        for (var imagesFiles_1 = __values(imagesFiles_2), imagesFiles_1_1 = imagesFiles_1.next(); !imagesFiles_1_1.done; imagesFiles_1_1 = imagesFiles_1.next()) {
-                            var file = imagesFiles_1_1.value;
-                            _loop_2(file);
-                        }
-                    }
-                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                    finally {
+                        };
                         try {
-                            if (imagesFiles_1_1 && !imagesFiles_1_1.done && (_a = imagesFiles_1.return)) _a.call(imagesFiles_1);
+                            for (var imagesFiles_1 = __values(imagesFiles_2), imagesFiles_1_1 = imagesFiles_1.next(); !imagesFiles_1_1.done; imagesFiles_1_1 = imagesFiles_1.next()) {
+                                var file = imagesFiles_1_1.value;
+                                _loop_2(file);
+                            }
+                        }
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        finally {
+                            try {
+                                if (imagesFiles_1_1 && !imagesFiles_1_1.done && (_a = imagesFiles_1.return)) _a.call(imagesFiles_1);
+                            }
+                            finally { if (e_2) throw e_2.error; }
                         }
-                        finally { if (e_2) throw e_2.error; }
+                    }
+                    else {
+                        console.log('Publish()', 5);
+                        console.log(data, _this.tmpFileArray);
+                        /** @type {?} */
+                        var collection = _this.db.collection(path().feed);
+                        collection.add(classToPlain(data)).then((/**
+                         * @param {?} response
+                         * @return {?}
+                         */
+                        function (response) {
+                            _this.db.collection(path().feed).doc(response.id).update({ id: response.id });
+                            _this.feedCreated.emit(response.id);
+                            _this.title = '';
+                            _this.progress = null;
+                            _this.uploading = null;
+                            _this.tmpFileArray = [];
+                            resolve(response.id);
+                        }));
                     }
                 }
                 else {
                     console.log('Publish()', 5);
-                    console.log(data, this.tmpFileArray);
+                    console.log(data, _this.tmpFileArray);
                     /** @type {?} */
-                    var collection = this.db.collection(path().feed);
+                    var collection = _this.db.collection(path().feed);
                     collection.add(classToPlain(data)).then((/**
                      * @param {?} response
                      * @return {?}
@@ -5354,61 +5612,45 @@ var FeedPublicationComponent = /** @class */ (function () {
                         _this.progress = null;
                         _this.uploading = null;
                         _this.tmpFileArray = [];
+                        resolve(response.id);
                     }));
                 }
             }
             else {
-                console.log('Publish()', 5);
-                console.log(data, this.tmpFileArray);
+                data.files = _this.tmpFileArray;
+                console.log('Publish(Embed)', 6);
+                console.log(data, _this.tmpFileArray);
                 /** @type {?} */
-                var collection = this.db.collection(path().feed);
+                var collection = _this.db.collection(path().feed);
                 collection.add(classToPlain(data)).then((/**
                  * @param {?} response
                  * @return {?}
                  */
                 function (response) {
-                    _this.db.collection(path().feed).doc(response.id).update({ id: response.id });
+                    /** @type {?} */
+                    var doc = _this.db.collection(path().feed).doc(response.id);
+                    doc.update({ id: response.id });
                     _this.feedCreated.emit(response.id);
                     _this.title = '';
                     _this.progress = null;
                     _this.uploading = null;
                     _this.tmpFileArray = [];
+                    _this.embedFile = null;
+                    _this.type = 'post';
+                    resolve(response.id);
                 }));
             }
-        }
-        else {
-            data.files = this.tmpFileArray;
-            console.log('Publish(Embed)', 6);
-            console.log(data, this.tmpFileArray);
-            /** @type {?} */
-            var collection = this.db.collection(path().feed);
-            collection.add(classToPlain(data)).then((/**
-             * @param {?} response
-             * @return {?}
-             */
-            function (response) {
-                /** @type {?} */
-                var doc = _this.db.collection(path().feed).doc(response.id);
-                doc.update({ id: response.id });
-                _this.feedCreated.emit(response.id);
-                _this.title = '';
-                _this.progress = null;
-                _this.uploading = null;
-                _this.tmpFileArray = [];
-                _this.embedFile = null;
-                _this.type = 'post';
-            }));
-        }
-        console.log('Publish()', 0, path().feed);
-        this.title = '';
-        this.progress = null;
-        this.uploading = null;
-        this.tmpFileArray = [];
-        this.global.toastService.show({
-            title: 'Feito!',
-            message: 'Seu post foi criado com sucesso',
-            layout: 2
-        });
+            console.log('Publish()', 0, path().feed);
+            _this.title = '';
+            _this.progress = null;
+            _this.uploading = null;
+            _this.tmpFileArray = [];
+            _this.global.toastService.show({
+                title: 'Feito!',
+                message: 'Seu post foi criado com sucesso',
+                layout: 2
+            });
+        }));
     };
     /**
      * @param {?} tmpFile
@@ -5499,18 +5741,59 @@ var FeedPublicationComponent = /** @class */ (function () {
             data: { owner: this, tmpFileArray: this.tmpFileArray }
         });
     };
+    /**
+     * @return {?}
+     */
+    FeedPublicationComponent.prototype.reload = /**
+     * @return {?}
+     */
+    function () {
+        this.filter.emit(this.filterByMe);
+    };
+    /**
+     * @param {?} evt
+     * @param {?} user
+     * @return {?}
+     */
+    FeedPublicationComponent.prototype.selectUser = /**
+     * @param {?} evt
+     * @param {?} user
+     * @return {?}
+     */
+    function (evt, user) {
+        if (evt.target.checked) {
+            this.selectedUsers[user.id] = user;
+        }
+        else {
+            delete this.selectedUsers[user.id];
+        }
+    };
+    /**
+     * @return {?}
+     */
+    FeedPublicationComponent.prototype.showSelected = /**
+     * @return {?}
+     */
+    function () {
+        this.listType = 'checked';
+        this.users = [];
+        for (var id in this.selectedUsers) {
+            this.users.push(this.selectedUsers[id]);
+        }
+    };
     FeedPublicationComponent.decorators = [
         { type: Component, args: [{
                     selector: 'feed-publication',
-                    template: "<div *ngIf=\"global.loggedUser()\" class=\"form-feed mt-4\">\r\n    <div class=\"mt-1\">\r\n        <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\r\n        <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\r\n            <i class=\"fa fa-user\"></i>\r\n        </div>\r\n\r\n        <textarea class=\"form-control\" [(ngModel)]=\"title\" id=\"\" rows=\"3\" placeholder=\"{{ 'SharedPlaceholderText' | translate }}\" (input)=\"checkPublicationType(title)\"></textarea>\r\n\r\n        <div class=\"clearfix\"></div>\r\n    </div>\r\n\r\n\r\n    <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n\r\n        <div class=\"col-sm-4 mb-4 tmp-file-wrapper\" [ngClass]=\"{'overlayed': progress > 0}\" *ngFor=\"let file of tmpFileArray\">\r\n            <div class=\"tmp-file-buttons-overlay\">\r\n                <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\r\n                    <span class=\"fa fa-remove\"></span>\r\n                </button>\r\n                <ng-container *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n                    <h4 *ngIf=\"file.status <= 100\" class=\"text-overlay-video\">{{ file.status }}<span>%</span></h4>\r\n                </ng-container>\r\n            </div>\r\n            <div class=\"tmp-file-content outline-bordered\">\r\n                <img (click)=\"ExpandImg(file.fileSanitized)\" [src]=\"file.url || file.fileSanitized\" class=\"img-responsive tmp-upload \" *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\r\n                <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay [muted]=\"'muted'\" loop *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n                    <source [src]=\"file.name | safe:'resourceUrl'\" />\r\n                </video>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"row\" *ngIf=\"type == 'embed'\">\r\n        <div class=\"col-sm-12\">\r\n            <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\" [src]=\"tmpEmbedFile\" frameborder=\"0\" allowfullscreen></iframe>\r\n        </div>\r\n    </div>\r\n    <div class=\"row mt-4\">\r\n\r\n        <div class=\"col-8\" *ngIf=\"global?.loggedUser()\">\r\n            <ng-container *ngIf=\"type != 'embed'\">\r\n                <label>\r\n                    <a class=\"btn btn-feed btn-round btn-primary mr-2\">\r\n                        <span>{{ 'ImageAndVideo' | translate }}</span>\r\n                    </a>\r\n                    <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\r\n                </label>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"type == 'embed'\">\r\n                <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"removeEmbedFiles()\">\r\n                    {{ 'Remove' | translate }}\r\n                </button>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"announce\">\r\n                <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\r\n                    <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"openAnnounceModal()\">\r\n                        <span class=\"text\">{{ 'Announce' | translate }}</span>\r\n                    </a>\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n        </div>\r\n        <div class=\"col-4 text-right\">\r\n            <button class=\"btn btn-feed btn-primary btn-custom-social\" [disabled]=\"uploading || disabled\" (click)=\"share()\" *ngIf=\"!newProduct\">\r\n                <span *ngIf=\"!uploading\">\r\n                    <span>{{ 'Publish' | translate }}</span>\r\n                </span>\r\n                <span *ngIf=\"uploading\">\r\n                    <i class=\"fa fa-spin fa-spinner\"></i>\r\n                    {{ 'Processing' | translate }}\r\n                </span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
-                    providers: [StreamService],
-                    styles: [".text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
+                    template: "<div *ngIf=\"global.loggedUser()\" class=\"form-feed mt-4\">\r\n  <div class=\"mt-1\">\r\n    <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\r\n    <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\r\n      <i class=\"fa fa-user\"></i>\r\n    </div>\r\n    <textarea class=\"form-control\" [(ngModel)]=\"title\" id=\"\" rows=\"3\"\r\n      placeholder=\"{{ 'SharedPlaceholderText' | translate }}\" (input)=\"checkPublicationType(title)\"></textarea>\r\n    <div class=\"clearfix\"></div>\r\n  </div>\r\n\r\n  <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\r\n\r\n    <div class=\"col-sm-4 mb-4 tmp-file-wrapper\" [ngClass]=\"{'overlayed': progress > 0}\"\r\n      *ngFor=\"let file of tmpFileArray\">\r\n      <div class=\"tmp-file-buttons-overlay\">\r\n        <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\r\n          <span class=\"fa fa-remove\"></span>\r\n        </button>\r\n        <ng-container *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n          <h4 *ngIf=\"file.status <= 100\" class=\"text-overlay-video\">{{ file.status }}<span>%</span></h4>\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"tmp-file-content outline-bordered\">\r\n        <img (click)=\"ExpandImg(file.fileSanitized)\" [src]=\"file.url || file.fileSanitized\"\r\n          class=\"img-responsive tmp-upload \" *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\r\n        <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay [muted]=\"'muted'\" loop\r\n          *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\r\n          <source [src]=\"file.name | safe:'resourceUrl'\" />\r\n        </video>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"row\" *ngIf=\"type == 'embed'\">\r\n    <div class=\"col-sm-12\">\r\n      <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\" [src]=\"tmpEmbedFile\" frameborder=\"0\"\r\n        allowfullscreen></iframe>\r\n    </div>\r\n  </div>\r\n  <div class=\"row mt-4\">\r\n\r\n    <div class=\"col-8\" *ngIf=\"global?.loggedUser()\">\r\n      <ng-container *ngIf=\"type != 'embed'\">\r\n        <label>\r\n          <a class=\"btn btn-feed btn-round btn-primary mr-2\">\r\n            <span>{{ 'ImageAndVideo' | translate }}</span>\r\n          </a>\r\n          <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\r\n        </label>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"type == 'embed'\">\r\n        <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"removeEmbedFiles()\">\r\n          {{ 'Remove' | translate }}\r\n        </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"announce\">\r\n        <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\r\n          <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"openAnnounceModal()\">\r\n            <span class=\"text\">{{ 'Announce' | translate }}</span>\r\n          </a>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n    <div class=\"col-4 text-right\">\r\n\r\n      <button class=\"btn btn-feed btn-primary\" (click)=\"selectedUsers = []\" data-toggle=\"modal\" data-target=\"#publicationModal\">\r\n        <span *ngIf=\"!uploading\">\r\n          <span>{{ 'Publish' | translate }}</span>\r\n        </span>\r\n        <span *ngIf=\"uploading\">\r\n          <i class=\"fa fa-spin fa-spinner\"></i>\r\n          {{ 'Processing' | translate }}\r\n        </span>\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"custom-checkbox mt-1 mb-3 ml-1\">\r\n  <input id=\"check-filter\" [(ngModel)]=\"filterByMe\" (change)=\"reload()\" name=\"check\" type=\"checkbox\" value=\"\">\r\n  <label for=\"check-filter\">Mostrar apenas postagens em que estou marcado</label>\r\n</div>\r\n\r\n<div class=\"modal modal-publication fade\" id=\"publicationModal\" tabindex=\"-1\" aria-labelledby=\"publicationModalLabel\"\r\n  aria-hidden=\"true\">\r\n  <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <div class=\"modal-header-text\">\r\n          <img src=\"./assets/img/posts.png\" class=\"icon\" alt=\"\">\r\n          <div class=\"ml-3 mt-1\">\r\n            <h5 class=\"modal-title\" id=\"publicationModalLabel\">Marcar na postagem</h5>\r\n            <p>Escolha os usu\u00E1rios que deseja mencionar nesta postagem</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"input-search\">\r\n          <div class=\"preffix\">\r\n            <i class=\"bi bi-search\"></i>\r\n          </div>\r\n          <input #searchUser type=\"text\" (keyup.enter)=\"loadUsers($event.srcElement.value)\"\r\n            placeholder=\"Digite o nome da pessoa que deseja marcar\">\r\n        </div>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n\r\n        <ul class=\"filter-users\">\r\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'search'\" (click)=\"loadUsers(searchUser.value)\">\r\n            Resultado da busca</li>\r\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'checked'\" (click)=\"showSelected()\">Marcados</li>\r\n        </ul>\r\n\r\n        <ul class=\"user-list\">\r\n          <li *ngFor=\"let user of users; let i = index\">\r\n            <img src=\"{{ user.picture }}\" class=\"avatar\" alt=\"\">\r\n\r\n            <div class=\"user-data\">\r\n              <h5>{{ user.name }}</h5>\r\n              <p>{{ user.email }}</p>\r\n            </div>\r\n\r\n            <div *ngIf=\"selectedUsers\" class=\"custom-checkbox\" style=\"margin-top: -16px;\">\r\n              <input id=\"check-{{ i }}\" name=\"check\" type=\"checkbox\" (change)=\"selectUser($event, user)\"\r\n                [checked]=\"selectedUsers[user.id]\">\r\n              <label for=\"check-{{ i }}\"></label>\r\n            </div>\r\n\r\n          </li>\r\n        </ul>\r\n\r\n        <div class=\"alert alert-warning\" role=\"alert\" *ngIf=\"users && users.length == 0\">\r\n          <small>{{ message }}</small>\r\n        </div>\r\n\r\n        <div *ngIf=\"users == null\">\r\n          <div class=\"w-100\">\r\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\r\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\r\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\r\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\r\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"modal-footer d-flex justify-content-between\">\r\n        <a data-dismiss=\"modal\">Voltar</a>\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"share()\" class=\"btn btn-primary\">Finalizar e\r\n          publicar</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    providers: [StreamService, UserService],
+                    styles: [".text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}.modal-publication .modal-content{padding:0 1rem}.modal-publication .modal-body,.modal-publication .modal-footer,.modal-publication .modal-header{border:none}.modal-publication .modal-header{display:block}.modal-publication .modal-header .modal-header-text{width:100%;display:flex;align-items:center;justify-content:flex-start}.modal-publication .modal-header .modal-header-text .icon{width:75px}.modal-publication .modal-header .input-search{display:flex;width:100%;margin-top:24px}.modal-publication .modal-header .input-search .preffix{display:flex;align-items:center;justify-content:center;width:55px;border:none;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#e9e9e9;padding:10px 16px!important;color:#656565}.modal-publication .modal-header .input-search .preffix i{font-size:24px}.modal-publication .modal-header .input-search input[type=text]{width:calc(100% - 55px);border:none;background-color:#e9e9e9;box-shadow:none;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:10px!important;outline:0;color:#656565}.modal-publication .modal-body .user-list li{display:flex;align-items:center;padding:16px;border:1px solid #e9e9e9;border-radius:8px;margin-bottom:16px}.modal-publication .modal-body .user-list li .avatar{width:45px;height:45px;border-radius:50%}.modal-publication .modal-body .user-list li .user-data{width:calc(100% - 70px);padding:7px 16px 0}.custom-checkbox{position:relative}.custom-checkbox label{display:block;padding:0 0 0 36px}.custom-checkbox input{position:absolute;top:0;left:0;width:24px;height:24px;opacity:0}.custom-checkbox input+label::before{content:\"\";position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid}.custom-checkbox input+label::after{content:\"\";position:absolute;top:5px;left:8px;width:8px;height:12px;border:3px solid;border-left:0;border-top:0;opacity:0;transform:rotate(45deg);transition:opacity .2s ease-in-out}.custom-checkbox input:checked+label::after{opacity:1}.dropdown-publication{margin-bottom:16px}.dropdown-publication .dropdown-toggle{display:flex;align-items:center}.dropdown-publication .dropdown-toggle::after{display:none}.dropdown-publication .dropdown-toggle span{font-size:18px;font-weight:500;margin-left:12px}.dropdown-publication .dropdown-menu{max-width:300px;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);margin-top:16px;padding:16px;border:none}.filter-users{display:flex;margin-bottom:16px}.filter-users li{margin-right:16px;font-weight:600}.filter-users li.active{text-decoration:underline}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
                 }] }
     ];
     /** @nocollapse */
     FeedPublicationComponent.ctorParameters = function () { return [
         { type: Global },
         { type: AsapFeedService },
+        { type: UserService },
         { type: DomSanitizer },
         { type: StreamService },
         { type: UtilsService },
@@ -5520,7 +5803,8 @@ var FeedPublicationComponent = /** @class */ (function () {
     ]; };
     FeedPublicationComponent.propDecorators = {
         announce: [{ type: Input }],
-        feedCreated: [{ type: Output }]
+        feedCreated: [{ type: Output }],
+        filter: [{ type: Output }]
     };
     return FeedPublicationComponent;
 }());
@@ -5530,6 +5814,10 @@ if (false) {
     /** @type {?} */
     FeedPublicationComponent.prototype.feedCreated;
     /** @type {?} */
+    FeedPublicationComponent.prototype.filter;
+    /** @type {?} */
+    FeedPublicationComponent.prototype.users;
+    /** @type {?} */
     FeedPublicationComponent.prototype.tmpFileArray;
     /** @type {?} */
     FeedPublicationComponent.prototype.uploading;
@@ -5554,10 +5842,20 @@ if (false) {
     /** @type {?} */
     FeedPublicationComponent.prototype.disabled;
     /** @type {?} */
+    FeedPublicationComponent.prototype.message;
+    /** @type {?} */
+    FeedPublicationComponent.prototype.selectedUsers;
+    /** @type {?} */
+    FeedPublicationComponent.prototype.listType;
+    /** @type {?} */
+    FeedPublicationComponent.prototype.filterByMe;
+    /** @type {?} */
     FeedPublicationComponent.prototype.global;
     /** @type {?} */
     FeedPublicationComponent.prototype.feedService;
     /** @type {?} */
+    FeedPublicationComponent.prototype.userService;
+    /** @type {?} */
     FeedPublicationComponent.prototype.sanitizer;
     /** @type {?} */
     FeedPublicationComponent.prototype.streamService;
@@ -5999,7 +6297,7 @@ var StoriesComponent = /** @class */ (function () {
                     selector: 'app-stories',
                     template: "<ng-container *ngIf=\"global?.loggedUser()\">\r\n    <!-- Mostrar Stories apenas no caso da Smart por enquanto -->\r\n    <ng-container *ngIf=\"channelArray && channelArray.length > 0\">\r\n        <div style=\"display: flex; text-align: center; margin: 30px 0;\" *ngIf=\"loading\">\r\n            <asap-skeleton type=\"box\" boxHeigth=\"120px\" boxWidth=\"120px\"></asap-skeleton>\r\n            <asap-skeleton type=\"box\" boxHeigth=\"120px\" boxWidth=\"120px\"></asap-skeleton>\r\n            <asap-skeleton type=\"box\" boxHeigth=\"120px\" boxWidth=\"120px\"></asap-skeleton>\r\n            <asap-skeleton type=\"box\" boxHeigth=\"120px\" boxWidth=\"120px\"></asap-skeleton>\r\n        </div>\r\n        <div *ngIf=\"!loading\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6 text-left\">\r\n                    <p class=\"p-channel\">{{ 'Channels' | translate }}</p>\r\n                </div>\r\n                <div class=\"col-6 text-right\">\r\n                    <p [routerLink]=\"['/channel-library']\" class=\"p-channel clickable\">{{ 'SeeAll' | translate }}</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"channelArray?.length > 0\">\r\n\r\n                <div class=\"swiper-stage\" style=\"margin-bottom: 25px;\">\r\n                    <swiper [config]=\"config\">\r\n                      <div swiperSlide *ngFor=\"let channel of channelArray\">\r\n                        <div [routerLink]=\"['/channel', channel.id]\">\r\n                            <div class=\"channel-badge empty\" *ngIf=\"!channel.notifications || channel.notifications.length <= 0\">\r\n                            </div>\r\n                            <div class=\"channel-badge\" *ngIf=\"channel.notifications && channel.notifications.length > 0\" matTooltip=\"{{ 'YouHaveA' | translate }} {{ channel?.notifications?.length }} {{ 'NotificationOnThisChannel' | translate }}\">\r\n                                {{ channel.notifications.length }}\r\n                            </div>\r\n                                \r\n                            <div class=\"carousel-stories\" *ngIf=\"channel.thumb\" [style.backgroundImage]=\"'url('+ ((channel.thumb || channel.banner))  +')'\">\r\n                                <div *ngIf=\"channel.view_name == 1\" class=\"stories-body\">\r\n                                    <a [routerLink]=\"['/channel', channel.id]\"><b>{{ channel.name }}</b></a>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"carousel-stories\" *ngIf=\"!channel.thumb\">\r\n                                <div *ngIf=\"channel.view_name == 1\" class=\"stories-body\">\r\n                                    <a [routerLink]=\"['/channel', channel.id]\"><b>{{ channel.name }}</b></a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                    </swiper>\r\n                  </div>\r\n            </div>\r\n        </div>\r\n\r\n    </ng-container>\r\n</ng-container>",
                     providers: [ChannelService],
-                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:9999999999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:99999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", ".channel-badge{display:inline-block;background-color:#ef3030;border-radius:50%;color:#fff;height:25px;width:25px;line-height:19px;position:relative;margin-top:-30px;top:20px;left:10px;text-align:center;border:4px double red}.channel-badge.empty{opacity:0}.channel-badge.not-empty{opacity:1}@media (max-width:575.98px){::ng-deep .swiper-wrapper{height:125px!important}}"]
+                    styles: ["li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:var(--bg-card)!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}", ".channel-badge{display:inline-block;background-color:#ef3030;border-radius:50%;color:#fff;height:25px;width:25px;line-height:19px;position:relative;margin-top:-30px;top:20px;left:10px;text-align:center;border:4px double red}.channel-badge.empty{opacity:0}.channel-badge.not-empty{opacity:1}@media (max-width:575.98px){::ng-deep .swiper-wrapper{height:125px!important}}"]
                 }] }
     ];
     /** @nocollapse */
@@ -6149,5 +6447,5 @@ var AsapFeedBetaRoting = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { AsapFeedBetaComponent, AsapFeedBetaModule, AsapFeedBetaRoting, AsapFeedBetaService, UtilsService, path, AsapFeedService as ɵa, PipesModule as ɵb, SafePipe as ɵc, StreamPipe as ɵd, LooseCurrencyPipe as ɵe, FeedItemComponent as ɵf, StreamService as ɵg, FeedCommentsComponent as ɵh, FeedActionsComponent as ɵi, FeedPublicationComponent as ɵj, FeedModalItemEditComponent as ɵk, StoriesComponent as ɵl, ChannelService as ɵm, ModalAnnounceComponent as ɵn, ProductService as ɵo };
+export { AsapFeedBetaComponent, AsapFeedBetaModule, AsapFeedBetaRoting, AsapFeedBetaService, UtilsService, path, AsapFeedService as ɵa, PipesModule as ɵb, SafePipe as ɵc, StreamPipe as ɵd, LooseCurrencyPipe as ɵe, FeedItemComponent as ɵf, StreamService as ɵg, FeedCommentsComponent as ɵh, FeedActionsComponent as ɵi, FeedPublicationComponent as ɵj, UserService as ɵk, FeedModalItemEditComponent as ɵl, StoriesComponent as ɵm, ChannelService as ɵn, ModalAnnounceComponent as ɵo, ProductService as ɵp };
 //# sourceMappingURL=asap-feed-beta.js.map