qms-angular 1.1.8 → 1.1.10

package/fesm2015/qms-angular.js

@@ -3672,7 +3672,7 @@ QMSList.decorators = [
                 host: { 'class': 'qms-list' },
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled],.qms-list-item-disabled):focus,.qms-list-item:not([disabled],.qms-list-item-disabled):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled],.qms-list-item-disabled):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
+                styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]).no-border{border-bottom:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled],.qms-list-item-disabled):focus,.qms-list-item:not([disabled],.qms-list-item-disabled):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled],.qms-list-item-disabled):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item.no-border .qms-list-item-content{border-bottom:none}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
             },] }
 ];
 QMSList.ctorParameters = () => [
@@ -3708,7 +3708,7 @@ QMSListItem.decorators = [
                 },
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled],.qms-list-item-disabled):focus,.qms-list-item:not([disabled],.qms-list-item-disabled):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled],.qms-list-item-disabled):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
+                styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]).no-border{border-bottom:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled],.qms-list-item-disabled):focus,.qms-list-item:not([disabled],.qms-list-item-disabled):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled],.qms-list-item-disabled):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item.no-border .qms-list-item-content{border-bottom:none}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
             },] }
 ];
 QMSListItem.ctorParameters = () => [
@@ -27078,7 +27078,7 @@ class NewTreeComponent {
 NewTreeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-tree-new',
-                template: "<mat-tree\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n  class=\"tree__container\"\r\n>\r\n  <mat-tree-node\r\n    class=\"tree-branch\"\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n  >\r\n    <!-- form thu 1 - child -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    >\r\n    </mat-checkbox>\r\n\r\n    <!-- form thu 2 -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"ml-10 checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <div\r\n      class=\"expand-node\"\r\n      *ngIf=\"node.name && !onlyFolder\"\r\n      [class.bgSelected]=\"treeConfig.selectOne && idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\"\r\n      (click)=\"selectNode(node)\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <div class=\"expand-node__text\">\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n        >\r\n          {{ itemIcon }}\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"itemIconSvg\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon\"\r\n          [src]=\"itemIconPath\"\r\n        />\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon image-base64\"\r\n          [src]=\"getImagePath()\"\r\n        />\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getItemIcon(node)\"\r\n        ></mat-icon>\r\n        <span class=\"text-node\"\r\n          [class.select-one-checked]=\"\r\n            treeConfig.selectOne &&\r\n            idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\">\r\n            {{ node.name }}\r\n        </span>\r\n      </div>\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >done</mat-icon>\r\n    </div>\r\n  </mat-tree-node>\r\n\r\n  <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n    <!-- form thu 1 - parent -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n      [checked]=\"descendantsAllSelected(node)\"\r\n      [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <button\r\n      class=\"button-boder\"\r\n      mat-icon-button\r\n      matTreeNodeToggle\r\n      [disableRipple]=\"!node.hasChild\"\r\n      [attr.aria-label]=\"'toggle ' + node.filename\"\r\n      *ngIf=\"node.name\"\r\n      (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"openIcon && closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngStyle]=\"{\r\n          color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n        }\"\r\n        >{{ getNodeIcon(node) }}</mat-icon\r\n      >\r\n      <mat-icon\r\n        *ngIf=\"!openIcon || !closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngClass]=\"{\r\n          'open-icon': treeControl.isExpanded(node),\r\n          'not-department-icon': moduleId !== dataType.document\r\n        }\"\r\n        [svgIcon]=\"getNodeIcon(node)\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n    <span\r\n      *ngIf=\"expandOnTitleClick\"\r\n      matTreeNodeToggle\r\n      class=\"text-node-parent\"\r\n      style=\"cursor: pointer\"\r\n      (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n      [ngStyle]=\"{\r\n        color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n      }\"\r\n    >\r\n      <span [class.select-one-checked]=\"\r\n      treeConfig.selectOne &&\r\n      idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n    \">{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n    <span\r\n      *ngIf=\"!expandOnTitleClick\"\r\n      class=\"text-node-parent\"\r\n      (click)=\"selectFolder(node)\"\r\n      style=\"cursor: pointer\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <span [class.select-one-checked]=\"\r\n      treeConfig.selectOne &&\r\n      idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n    \">{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >done</mat-icon>\r\n    </span>\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
+                template: "<mat-tree\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n  class=\"tree__container\"\r\n>\r\n  <mat-tree-node\r\n    class=\"tree-branch\"\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n  >\r\n    <!-- form thu 1 - child -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    >\r\n    </mat-checkbox>\r\n\r\n    <!-- form thu 2 -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"ml-10 checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <div\r\n      class=\"expand-node\"\r\n      *ngIf=\"node.name && !onlyFolder\"\r\n      [class.bgSelected]=\"\r\n        treeConfig.selectOne &&\r\n        idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n      \"\r\n      (click)=\"selectNode(node)\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <div class=\"expand-node__text\">\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.name\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n        >\r\n          {{ itemIcon }}\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.svg\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"itemIconSvg\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.path\"\r\n          class=\"mat-icon\"\r\n          [src]=\"itemIconPath\"\r\n        />\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.base64\"\r\n          class=\"mat-icon image-base64\"\r\n          [src]=\"getImagePath()\"\r\n        />\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.none\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getItemIcon(node)\"\r\n        ></mat-icon>\r\n        <span\r\n          class=\"text-node\"\r\n          [class.select-one-checked]=\"\r\n            treeConfig.selectOne &&\r\n            idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n          \"\r\n        >\r\n          {{ node.name }}\r\n        </span>\r\n      </div>\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >done</mat-icon\r\n      >\r\n    </div>\r\n  </mat-tree-node>\r\n\r\n  <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n    <!-- form thu 1 - parent -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n      [checked]=\"descendantsAllSelected(node)\"\r\n      [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <button\r\n      class=\"button-boder\"\r\n      mat-icon-button\r\n      matTreeNodeToggle\r\n      [disableRipple]=\"!node.hasChild\"\r\n      [attr.aria-label]=\"'toggle ' + node.filename\"\r\n      *ngIf=\"node.name\"\r\n      (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"openIcon && closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngStyle]=\"{\r\n          color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n        }\"\r\n        >{{ getNodeIcon(node) }}</mat-icon\r\n      >\r\n      <mat-icon\r\n        *ngIf=\"!openIcon || !closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngClass]=\"{\r\n          'open-icon': treeControl.isExpanded(node),\r\n          'not-department-icon': moduleId !== dataType.document\r\n        }\"\r\n        [svgIcon]=\"getNodeIcon(node)\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n    <span\r\n      *ngIf=\"expandOnTitleClick\"\r\n      matTreeNodeToggle\r\n      class=\"text-node-parent\"\r\n      style=\"cursor: pointer\"\r\n      (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n      [ngStyle]=\"{\r\n        color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n      }\"\r\n    >\r\n      <span\r\n        [class.select-one-checked]=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >{{ node.name }}</span\r\n      >\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n    <span\r\n      *ngIf=\"!expandOnTitleClick\"\r\n      class=\"text-node-parent\"\r\n      (click)=\"selectFolder(node)\"\r\n      style=\"cursor: pointer\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <span\r\n        [class.select-one-checked]=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >{{ node.name }}</span\r\n      >\r\n      <mat-icon\r\n        class=\"select-one-checked\"\r\n        *ngIf=\"\r\n          treeConfig.selectOne &&\r\n          idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n        \"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
                 encapsulation: ViewEncapsulation.None,
                 styles: [".tree__container{font-family:Open Sans;font-style:normal;font-weight:400;font-size:.875rem;line-height:19px;color:var(--default-color)}.tree__container .mat-tree-node{color:var(--tree-node-color);min-height:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options{padding:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.tree__container .button{margin-left:6px}.tree__container .button:focus,.tree__container .button:hover{background-color:var(--tree-node-background-color);border-radius:2px;width:auto}.tree__container .button-boder:focus,.tree__container .button:focus{outline:0}.tree__container .button-folder-boder:focus{outline:0}.tree__container .button-folder-boder:focus,.tree__container .button-folder-boder:hover{background-color:var(--tree-node-boder-color);border-radius:2px;width:auto}.tree__container .expand-node{margin-left:8px;min-height:32px;justify-content:space-between;width:100%}.tree__container .expand-node,.tree__container .expand-node .expand-node__text{display:flex;align-items:center}.tree__container .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node.bgSelected .select-one-checked{color:var(--primary)}.tree__container .text-node-parent{width:100%;display:flex;align-items:center;justify-content:space-between;margin-left:10px;cursor:pointer}.tree__container .text-node-parent.active-item{color:#1954a9!important}.tree__container .text-node-parent .select-one-checked{color:var(--primary)}.tree__container .mr-11{margin-right:11px}.tree__container .ml-10{margin-left:10px}.tree__container .tree-branch:hover{background-color:var(--primary-light-12-opacity)}.tree__container .image-base64{width:20px;height:20px}.tree__container .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}::ng-deep .mat-tree .mat-checkbox.qms-group-options{padding:0}::ng-deep .mat-tree .mat-checkbox.qms-group-options.mat-checkbox-checked{background-color:transparent}::ng-deep .mat-tree .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:0}svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.open-icon svg path:first-child,.open-icon.not-department-icon svg path{fill:#1954a9}"]
             },] }
@@ -28631,7 +28631,7 @@ class QMSNavDrawerComponent {
         }
         if (changes.openNodes) {
             this.findAndExpandNodes();
-            this.activeNode = this.openNodes[this.openNodes.length - 1];
+            this._activeNode();
         }
     }
     ngOnInit() {
@@ -28659,19 +28659,27 @@ class QMSNavDrawerComponent {
             }
         });
     }
+    _activeNode() {
+        const currNode = this.openNodes[this.openNodes.length - 1];
+        const idxParent = this.openNodes.length > 2 ? this.openNodes.length - 2 : '';
+        const parentNode = idxParent ? this.openNodes[idxParent] : '';
+        this.activeNode = this.getActiveNode(currNode, parentNode);
+    }
+    getActiveNode(id, parentId) {
+        const _id = id ? id : '';
+        const _parentId = parentId ? parentId : '';
+        return `${_id}-${_parentId}`;
+    }
     findAndExpandNodes(expandNewChild = false) {
         for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
             this.openNodes.forEach(el => {
-                if (this.treeControl.dataNodes[i].id.toLocaleLowerCase() === el.toLowerCase()) {
+                if (this.treeControl.dataNodes[i].id === el) {
                     this.expandingNodes.push(this.treeControl.dataNodes[i]);
                     this.treeControl.expand(this.treeControl.dataNodes[i]);
                 }
             });
         }
-        this.activeNode = this.openNodes[this.openNodes.length - 1];
-        // if (expandNewChild) {
-        //   this.activeNode = '';
-        // }
+        this._activeNode();
         // scroll to selected node
         setTimeout(() => {
             const element = document.querySelector('.mat-tree-node.active');
@@ -28682,7 +28690,7 @@ class QMSNavDrawerComponent {
         this.cdRef.detectChanges();
     }
     onClickNode(node) {
-        this.activeNode = node.id;
+        this.activeNode = this.getActiveNode(node.id, node.parentId);
         this.onClickNodeEvent.emit(node);
     }
     onExpandNode(node) {
@@ -28720,17 +28728,16 @@ class QMSNavDrawerComponent {
     convertTreeData(list) {
         let map = {}, node, roots = [], i;
         for (i = 0; i < list.length; i += 1) {
-            map[list[i].id] = i; // initialize the map
+            map[`${list[i].id}-${list[i].parentId}`] = i; // initialize the map
             list[i].children = []; // initialize the children
         }
         for (i = 0; i < list.length; i += 1) {
             node = list[i];
-            if (node.parentId || (node.parentId !== this.guidHelper.empty)) {
-                if (list[map[node.parentId]]) {
-                    list[map[node.parentId]].children.push(node);
-                }
-                else {
-                    roots.push(node);
+            const strKey = `${list[i].id}-${list[i].parentId}`;
+            if (node.parentId && (node.parentId !== this.guidHelper.empty) && list[map[strKey]]) {
+                const parent = list.filter(x => x.id === node.parentId && !x.isFile)[0];
+                if (parent) {
+                    parent.children.push(node);
                 }
             }
             else {
@@ -28743,7 +28750,7 @@ class QMSNavDrawerComponent {
 QMSNavDrawerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-nav-drawer',
-                template: "<mat-tree\r\n  class=\"qms-nav-drawer-container\"\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n>\r\n  <!-- This is the tree node template for leaf nodes -->\r\n  <mat-tree-node\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n    [ngClass]=\"{\r\n      active: activeNode == node.id\r\n    }\"\r\n  >\r\n    <button mat-icon-button disabled></button>\r\n    <img\r\n      *ngIf=\"node.itemIconSvg\"\r\n      class=\"material-icons type-icon cursor-pointer\"\r\n      [src]=\"node.itemIconSvg\"\r\n      (click)=\"onClickNode(node)\"\r\n    />\r\n    <span\r\n      *ngIf=\"node.itemIcon\"\r\n      [class]=\"node.itemIcon\"\r\n      [qmsTransformIcon]=\"node.itemIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n    ></span>\r\n    <span\r\n      *ngIf=\"node.itemMatIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.itemMatIcon }}\r\n    </span>\r\n\r\n    <span\r\n      class=\"text-name cursor-pointer ml-5 456\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.name }}</span\r\n    >\r\n  </mat-tree-node>\r\n  <!-- This is the tree node template for expandable nodes -->\r\n  <mat-tree-node\r\n    *matTreeNodeDef=\"let node; when: hasChild\"\r\n    matTreeNodePadding\r\n    [ngClass]=\"{\r\n      'expand-node': treeControl.isExpanded(node),\r\n      'collapse-node': !treeControl.isExpanded(node),\r\n      active: activeNode == node.id\r\n    }\"\r\n  >\r\n    <button mat-icon-button (click)=\"onExpandNode(node)\" matTreeNodeToggle>\r\n      <mat-icon class=\"mat-icon-rtl-mirror\">\r\n        {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\r\n      </mat-icon>\r\n    </button>\r\n\r\n    <img\r\n      *ngIf=\"node.itemIconSvg\"\r\n      class=\"material-icons type-icon cursor-pointer\"\r\n      [src]=\"node.itemIconSvg\"\r\n      (click)=\"onClickNode(node)\"\r\n    />\r\n    <span\r\n      *ngIf=\"node.itemIcon\"\r\n      [class]=\"node.itemIcon\"\r\n      [qmsTransformIcon]=\"node.itemIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n    ></span>\r\n    <span\r\n      *ngIf=\"node.itemMatIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.itemMatIcon }}\r\n    </span>\r\n\r\n    <span\r\n      class=\"text-name cursor-pointer ml-5 123\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.name }}</span\r\n    >\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
+                template: "<mat-tree\r\n  class=\"qms-nav-drawer-container\"\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n>\r\n  <!-- This is the tree node template for leaf nodes -->\r\n  <mat-tree-node\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n    [ngClass]=\"{\r\n      active: activeNode === getActiveNode(node.id, node.parentId)\r\n    }\"\r\n  >\r\n    <button mat-icon-button disabled></button>\r\n    <img\r\n      *ngIf=\"node.itemIconSvg\"\r\n      class=\"material-icons type-icon cursor-pointer\"\r\n      [src]=\"node.itemIconSvg\"\r\n      (click)=\"onClickNode(node)\"\r\n    />\r\n    <span\r\n      *ngIf=\"node.itemIcon\"\r\n      [class]=\"node.itemIcon\"\r\n      [qmsTransformIcon]=\"node.itemIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n    ></span>\r\n    <span\r\n      *ngIf=\"node.itemMatIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.itemMatIcon }}\r\n    </span>\r\n\r\n    <span\r\n      class=\"text-name cursor-pointer ml-5 456\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.name }}</span\r\n    >\r\n  </mat-tree-node>\r\n  <!-- This is the tree node template for expandable nodes -->\r\n  <mat-tree-node\r\n    *matTreeNodeDef=\"let node; when: hasChild\"\r\n    matTreeNodePadding\r\n    [ngClass]=\"{\r\n      'expand-node': treeControl.isExpanded(node),\r\n      'collapse-node': !treeControl.isExpanded(node),\r\n      active: activeNode === getActiveNode(node.id, node.parentId)\r\n    }\"\r\n  >\r\n    <button mat-icon-button (click)=\"onExpandNode(node)\" matTreeNodeToggle>\r\n      <mat-icon class=\"mat-icon-rtl-mirror\">\r\n        {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\r\n      </mat-icon>\r\n    </button>\r\n\r\n    <img\r\n      *ngIf=\"node.itemIconSvg\"\r\n      class=\"material-icons type-icon cursor-pointer\"\r\n      [src]=\"node.itemIconSvg\"\r\n      (click)=\"onClickNode(node)\"\r\n    />\r\n    <span\r\n      *ngIf=\"node.itemIcon\"\r\n      [class]=\"node.itemIcon\"\r\n      [qmsTransformIcon]=\"node.itemIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n    ></span>\r\n    <span\r\n      *ngIf=\"node.itemMatIcon\"\r\n      class=\"material-icons-outlined type-icon cursor-pointer\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.itemMatIcon }}\r\n    </span>\r\n\r\n    <span\r\n      class=\"text-name cursor-pointer ml-5 123\"\r\n      (click)=\"onClickNode(node)\"\r\n      >{{ node.name }}</span\r\n    >\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
                 styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.mat-tree.qms-nav-drawer-container{font-family:Open Sans}.mat-tree.qms-nav-drawer-container .mat-tree-node:hover{background:rgba(0,0,0,.08)}.mat-tree.qms-nav-drawer-container .mat-tree-node:active{background:rgba(0,0,0,.12)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active{color:var(--primary);background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.active .text-name,.mat-tree.qms-nav-drawer-container .mat-tree-node.active .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.active button,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .text-name,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active button{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active:hover{background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .text-name,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node button{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node:hover{background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .type-icon{margin-right:5px;color:var(--ws-action-active)}.mat-tree.qms-nav-drawer-container .text-name{color:var(--default-color)}.mat-tree.qms-nav-drawer-container .mat-icon-rtl-mirror{color:rgba(0,0,0,.6)}.text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.cursor-pointer,.text-name{cursor:pointer}.ml-5{margin-left:10px}"]
             },] }
 ];