asap-feed-beta 12.5.6 → 12.5.8

package/bundles/asap-feed-beta.umd.js

@@ -5496,7 +5496,6 @@
             this.selectedUsers = {};
             this.listType = 'search';
             this.filterByMe = false;
-            this.title = null;
         }
         /**
          * @return {?}
@@ -6247,7 +6246,7 @@
         FeedPublicationComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'feed-publication',
-                        template: "<div *ngIf=\"global.loggedUser()\" class=\"form-feed mt-4\">\n  <div class=\"box-publication\">\n    <div class=\"box-input-feed\">\n      <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\n      <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\n        <i class=\"fa fa-user\"></i>\n      </div>\n      <ng-container *ngIf=\"settings?.template === 'template-1'\">\n        <textarea class=\"form-control\" [(ngModel)]=\"title\" id=\"\" rows=\"3\"\n          placeholder=\"{{ 'SharedPlaceholderText' | translate }}\" (input)=\"checkPublicationType(title)\"></textarea>\n        <div class=\"clearfix\"></div>\n      </ng-container>\n      <ng-container *ngIf=\"settings?.template === 'template-2'\">\n        <input type=\"text\" autocomplete=\"off\" [(ngModel)]=\"title\" placeholder=\"{{ 'SharedPlaceholderText' | translate }}\"\n          (input)=\"checkPublicationType(title)\" />\n        <i class=\"bi bi-send-fill\" (click)=\"openModal()\"></i>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"settings?.template === 'template-2'\">\n      <div class=\"send\" *ngIf=\"global?.loggedUser()\">\n        <div *ngIf=\"global?.loggedUser()\">\n          <ng-container *ngIf=\"type != 'embed'\">\n            <label>\n              <a>\n                <i class=\"bi bi-image\"></i>\n                <p>{{ 'ImageAndVideo' | translate }}</p>\n              </a>\n              <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\n            </label>\n          </ng-container>\n          <ng-container *ngIf=\"type == 'embed'\">\n            <a (click)=\"removeEmbedFiles()\">\n              <i class=\"bi bi-x-circle\"></i>\n              {{ 'Remove' | translate }}\n            </a>\n          </ng-container>\n          <ng-container *ngIf=\"announce\">\n            <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\n              <a (click)=\"openAnnounceModal()\">\n                <span class=\"text\">\n                  {{ 'Announce' | translate }}\n                </span>\n              </a>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n\n  </div>\n\n  <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\n\n    <div class=\"col-sm-4 mb-4 tmp-file-wrapper\" [ngClass]=\"{'overlayed': progress > 0}\"\n      *ngFor=\"let file of tmpFileArray\">\n      <div class=\"tmp-file-buttons-overlay\">\n        <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\n          <span class=\"fa fa-remove\"></span>\n        </button>\n        <ng-container *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\n          <h4 *ngIf=\"file.status <= 100\" class=\"text-overlay-video\">{{ file.status }}<span>%</span></h4>\n        </ng-container>\n      </div>\n      <div class=\"tmp-file-content outline-bordered\">\n        <img (click)=\"ExpandImg(file.fileSanitized)\" [src]=\"file.url || file.fileSanitized\"\n          class=\"img-responsive tmp-upload \" *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\n        <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay [muted]=\"'muted'\" loop\n          *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\n          <source [src]=\"file.name | safe:'resourceUrl'\" />\n        </video>\n      </div>\n\n    </div>\n  </div>\n\n  <div class=\"row\" *ngIf=\"type == 'embed'\">\n    <div class=\"col-sm-12\">\n      <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\" [src]=\"tmpEmbedFile\" frameborder=\"0\"\n        allowfullscreen></iframe>\n    </div>\n  </div>\n\n  <div class=\"row mt-4\" *ngIf=\"settings?.template === 'template-1'\">\n\n    <div class=\"col-8\" *ngIf=\"global?.loggedUser()\">\n      <ng-container *ngIf=\"type != 'embed'\">\n        <label>\n          <a class=\"btn btn-feed btn-round btn-primary mr-2\">\n            <span>{{ 'ImageAndVideo' | translate }}</span>\n          </a>\n          <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\n        </label>\n      </ng-container>\n      <ng-container *ngIf=\"type == 'embed'\">\n        <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"removeEmbedFiles()\">\n          {{ 'Remove' | translate }}\n        </button>\n      </ng-container>\n\n      <ng-container *ngIf=\"announce\">\n        <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\n          <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"openAnnounceModal()\">\n            <span class=\"text\">{{ 'Announce' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"col-4 text-right\">\n      <button class=\"btn btn-feed btn-primary\" (click)=\"openModal()\">\n        <span *ngIf=\"!uploading\">\n          <span>{{ 'Publish' | translate }}</span>\n        </span>\n        <span *ngIf=\"uploading\">\n          <i class=\"fa fa-spin fa-spinner\"></i>\n          {{ 'Processing' | translate }}\n        </span>\n      </button>\n    </div>\n  </div>\n</div>\n\n<div *ngIf=\"newfeed && !hideFilterByMe\" class=\"custom-checkbox mt-1 mb-3 ml-1\">\n  <input id=\"check-filter\" [(ngModel)]=\"filterByMe\" (change)=\"reload()\" name=\"check\" type=\"checkbox\" value=\"\">\n  <label for=\"check-filter\">Mostrar apenas postagens em que estou marcado</label>\n</div>\n\n<div class=\"modal modal-publication fade\" id=\"publicationModal\" tabindex=\"-1\" aria-labelledby=\"publicationModalLabel\"\n  aria-hidden=\"true\">\n  <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <div class=\"modal-header-text\">\n          <img src=\"./assets/img/posts.png\" class=\"icon\" alt=\"\">\n          <div class=\"ml-3 mt-1\">\n            <h5 class=\"modal-title\" id=\"publicationModalLabel\">Marcar na postagem</h5>\n            <p>Escolha os usu\u00E1rios que deseja mencionar nesta postagem</p>\n          </div>\n        </div>\n        <div class=\"input-search\">\n          <div class=\"preffix\">\n            <i class=\"bi bi-search\"></i>\n          </div>\n          <input #searchUser type=\"text\" (keyup.enter)=\"loadUsers($event.srcElement.value)\"\n            placeholder=\"Digite o nome da pessoa que deseja marcar\">\n        </div>\n      </div>\n      <div class=\"modal-body\">\n\n        <ul class=\"filter-users\">\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'search'\" (click)=\"loadUsers(searchUser.value)\">\n            Resultado da busca</li>\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'checked'\" (click)=\"showSelected()\">Marcados</li>\n        </ul>\n\n        <ul class=\"user-list\">\n          <li *ngFor=\"let user of users; let i = index\">\n            <img src=\"{{ user.picture }}\" class=\"avatar\" alt=\"\">\n\n            <div class=\"user-data\">\n              <h5>{{ user.name }}</h5>\n              <p>{{ user.email }}</p>\n            </div>\n\n            <div *ngIf=\"selectedUsers\" class=\"custom-checkbox\" style=\"margin-top: -16px;\">\n              <input id=\"check-{{ i }}\" name=\"check\" type=\"checkbox\" (change)=\"selectUser($event, user)\"\n                [checked]=\"selectedUsers[user.id]\">\n              <label for=\"check-{{ i }}\"></label>\n            </div>\n\n          </li>\n        </ul>\n\n        <div class=\"alert alert-warning\" role=\"alert\" *ngIf=\"users && users.length == 0\">\n          <small>{{ message }}</small>\n        </div>\n\n        <div *ngIf=\"users == null\">\n          <div class=\"w-100\">\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n          </div>\n        </div>\n\n      </div>\n      <div class=\"modal-footer d-flex justify-content-between\">\n        <a data-dismiss=\"modal\">Voltar</a>\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"share()\" class=\"btn btn-primary\">Finalizar e\n          publicar</button>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                        template: "<div *ngIf=\"global.loggedUser()\" class=\"form-feed mt-4\">\n  <form autocomplete=\"off\">\n  <div class=\"box-publication\">\n    <div class=\"box-input-feed\">\n      <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\n      <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\n        <i class=\"fa fa-user\"></i>\n      </div>\n\n      \n      <ng-container *ngIf=\"settings?.template === 'template-1'\">\n        <textarea class=\"form-control\" [(ngModel)]=\"title\" id=\"\" rows=\"3\"\n          placeholder=\"{{ 'SharedPlaceholderText' | translate }}\" (input)=\"checkPublicationType(title)\"></textarea>\n        <div class=\"clearfix\"></div>\n      </ng-container>\n      <ng-container *ngIf=\"settings?.template === 'template-2'\">\n        <input type=\"text\" autocomplete=\"off\" [(ngModel)]=\"title\" placeholder=\"{{ 'SharedPlaceholderText' | translate }}\"\n          (input)=\"checkPublicationType(title)\" />\n        <i class=\"bi bi-send-fill\" (click)=\"openModal()\"></i>\n      </ng-container>\n    </div>\n    <ng-container *ngIf=\"settings?.template === 'template-2'\">\n      <div class=\"send\" *ngIf=\"global?.loggedUser()\">\n        <div *ngIf=\"global?.loggedUser()\">\n          <ng-container *ngIf=\"type != 'embed'\">\n            <label>\n              <a>\n                <i class=\"bi bi-image\"></i>\n                <p>{{ 'ImageAndVideo' | translate }}</p>\n              </a>\n              <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\n            </label>\n          </ng-container>\n          <ng-container *ngIf=\"type == 'embed'\">\n            <a (click)=\"removeEmbedFiles()\">\n              <i class=\"bi bi-x-circle\"></i>\n              {{ 'Remove' | translate }}\n            </a>\n          </ng-container>\n          <ng-container *ngIf=\"announce\">\n            <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\n              <a (click)=\"openAnnounceModal()\">\n                <span class=\"text\">\n                  {{ 'Announce' | translate }}\n                </span>\n              </a>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n    \n  </div>\n</form>\n\n  <div class=\"row tmp-file-wrapper-container\" *ngIf=\"tmpFileArray && tmpFileArray.length > 0\">\n\n    <div class=\"col-sm-4 mb-4 tmp-file-wrapper\" [ngClass]=\"{'overlayed': progress > 0}\"\n      *ngFor=\"let file of tmpFileArray\">\n      <div class=\"tmp-file-buttons-overlay\">\n        <button class=\"btn btn-feed tmp-file-remove-button\" (click)=\"removeTmpFile(file)\">\n          <span class=\"fa fa-remove\"></span>\n        </button>\n        <ng-container *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\n          <h4 *ngIf=\"file.status <= 100\" class=\"text-overlay-video\">{{ file.status }}<span>%</span></h4>\n        </ng-container>\n      </div>\n      <div class=\"tmp-file-content outline-bordered\">\n        <img (click)=\"ExpandImg(file.fileSanitized)\" [src]=\"file.url || file.fileSanitized\"\n          class=\"img-responsive tmp-upload \" *ngIf=\"getTypeByMimeType(file.type) === 'image'\" />\n        <video class=\"tmp-upload tmp-upload-video\" height=\"80\" width=\"100%\" autoplay [muted]=\"'muted'\" loop\n          *ngIf=\"getTypeByMimeType(file.type) === 'video'\">\n          <source [src]=\"file.name | safe:'resourceUrl'\" />\n        </video>\n      </div>\n\n    </div>\n  </div>\n\n  <div class=\"row\" *ngIf=\"type == 'embed'\">\n    <div class=\"col-sm-12\">\n      <iframe class=\"video\" style=\"height: 280px; width: 100%;margin-top: 15px;\" [src]=\"tmpEmbedFile\" frameborder=\"0\"\n        allowfullscreen></iframe>\n    </div>\n  </div>\n\n  <div class=\"row mt-4\" *ngIf=\"settings?.template === 'template-1'\">\n\n    <div class=\"col-8\" *ngIf=\"global?.loggedUser()\">\n      <ng-container *ngIf=\"type != 'embed'\">\n        <label>\n          <a class=\"btn btn-feed btn-round btn-primary mr-2\">\n            <span>{{ 'ImageAndVideo' | translate }}</span>\n          </a>\n          <input #file class=\"hide\" accept=\"video/*, image/*\" (change)=\"uploadFile($event)\" multiple type=\"file\" />\n        </label>\n      </ng-container>\n      <ng-container *ngIf=\"type == 'embed'\">\n        <button class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"removeEmbedFiles()\">\n          {{ 'Remove' | translate }}\n        </button>\n      </ng-container>\n\n      <ng-container *ngIf=\"announce\">\n        <ng-container *ngIf=\"global.loggedUser()?.lojista && global.loggedUser()?.vitrine\">\n          <a class=\"btn btn-feed btn-primary btn-custom-social\" (click)=\"openAnnounceModal()\">\n            <span class=\"text\">{{ 'Announce' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"col-4 text-right\">\n      <button class=\"btn btn-feed btn-primary\" (click)=\"openModal()\">\n        <span *ngIf=\"!uploading\">\n          <span>{{ 'Publish' | translate }}</span>\n        </span>\n        <span *ngIf=\"uploading\">\n          <i class=\"fa fa-spin fa-spinner\"></i>\n          {{ 'Processing' | translate }}\n        </span>\n      </button>\n    </div>\n  </div>\n</div>\n\n<div *ngIf=\"newfeed && !hideFilterByMe\" class=\"custom-checkbox mt-1 mb-3 ml-1\">\n  <input id=\"check-filter\" [(ngModel)]=\"filterByMe\" (change)=\"reload()\" name=\"check\" type=\"checkbox\" value=\"\">\n  <label for=\"check-filter\">Mostrar apenas postagens em que estou marcado</label>\n</div>\n\n<div class=\"modal modal-publication fade\" id=\"publicationModal\" tabindex=\"-1\" aria-labelledby=\"publicationModalLabel\"\n  aria-hidden=\"true\">\n  <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <div class=\"modal-header-text\">\n          <img src=\"./assets/img/posts.png\" class=\"icon\" alt=\"\">\n          <div class=\"ml-3 mt-1\">\n            <h5 class=\"modal-title\" id=\"publicationModalLabel\">Marcar na postagem</h5>\n            <p>Escolha os usu\u00E1rios que deseja mencionar nesta postagem</p>\n          </div>\n        </div>\n        <div class=\"input-search\">\n          <div class=\"preffix\">\n            <i class=\"bi bi-search\"></i>\n          </div>\n          <input #searchUser type=\"text\" (keyup.enter)=\"loadUsers($event.srcElement.value)\"\n            placeholder=\"Digite o nome da pessoa que deseja marcar\">\n        </div>\n      </div>\n      <div class=\"modal-body\">\n\n        <ul class=\"filter-users\">\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'search'\" (click)=\"loadUsers(searchUser.value)\">\n            Resultado da busca</li>\n          <li class=\"cursor-pointer\" [class.active]=\"listType == 'checked'\" (click)=\"showSelected()\">Marcados</li>\n        </ul>\n\n        <ul class=\"user-list\">\n          <li *ngFor=\"let user of users; let i = index\">\n            <img src=\"{{ user.picture }}\" class=\"avatar\" alt=\"\">\n\n            <div class=\"user-data\">\n              <h5>{{ user.name }}</h5>\n              <p>{{ user.email }}</p>\n            </div>\n\n            <div *ngIf=\"selectedUsers\" class=\"custom-checkbox\" style=\"margin-top: -16px;\">\n              <input id=\"check-{{ i }}\" name=\"check\" type=\"checkbox\" (change)=\"selectUser($event, user)\"\n                [checked]=\"selectedUsers[user.id]\">\n              <label for=\"check-{{ i }}\"></label>\n            </div>\n\n          </li>\n        </ul>\n\n        <div class=\"alert alert-warning\" role=\"alert\" *ngIf=\"users && users.length == 0\">\n          <small>{{ message }}</small>\n        </div>\n\n        <div *ngIf=\"users == null\">\n          <div class=\"w-100\">\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]=\"{width:'100%', height:'80px'}\"></ngx-skeleton-loader>\n          </div>\n        </div>\n\n      </div>\n      <div class=\"modal-footer d-flex justify-content-between\">\n        <a data-dismiss=\"modal\">Voltar</a>\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"share()\" class=\"btn btn-primary\">Finalizar e\n          publicar</button>\n      </div>\n    </div>\n  </div>\n</div>\n",
                         providers: [StreamService, UserService, asapCrud.AsapService],
                         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:#fff!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-slide{width:100%}::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}"]
                     }] }