.organisationChartBody{width:100%;overflow:hidden;position:relative}[dir] .organisationChartBody{text-align:center;border-radius:5px}.chartCanvasControlls{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chartCanvasControlls,.switchBtnBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switchBtnBox{gap:10px;position:relative;z-index:1}[dir] .switchBtnBox{padding:10px}[dir=ltr] .switchBtnBox{text-align:left;right:0}[dir=rtl] .switchBtnBox{text-align:right;left:0}.downloadOrganiGramBtn{display:inline-block}[dir] .downloadOrganiGramBtn{cursor:pointer;border:none;padding:5px}#chart-canvas-container{width:100%!important;height:calc(100vh - 46px);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex}[dir] #chart-canvas-container{border-radius:0 0 12px 12px;border:1px solid #e5e6e7;background-color:#f1f1f7;background-image:radial-gradient(circle,#91919a 1px,transparent 0);background-size:40px 40px;background-repeat:repeat}[dir=ltr] #chart-canvas-container{background-position:0 0}[dir=rtl] #chart-canvas-container{background-position:100% 0}.chart-canvas,.chartBody{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap}[dir] .chart-canvas,[dir] .chartBody{padding:20px;margin:0 auto;text-align:center}.chartCanvasLeftPanel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:sticky;position:-webkit-sticky;z-index:1}[dir=ltr] .chartCanvasLeftPanel{left:0}[dir=rtl] .chartCanvasLeftPanel{right:0}[dir] .organizationmembers{text-align:center}#companyname{position:relative;color:#000!important;font-weight:700;display:inline-block;height:auto}[dir] #companyname{background:#969696!important;padding:20px;margin:13px 32px}[dir=ltr] #companyname{-webkit-box-shadow:5px 4px 0 #6d6d6d;box-shadow:5px 4px 0 #6d6d6d;border-radius:0 5px;text-shadow:5px 3px 5px #000}[dir=rtl] #companyname{-webkit-box-shadow:-5px 4px 0 #6d6d6d;box-shadow:-5px 4px 0 #6d6d6d;border-radius:5px 0;text-shadow:-5px 3px 5px #000}#companyname.start:after{content:"";position:absolute;bottom:-13px;height:13px}[dir] #companyname.start:after{border:none;background:#fff}[dir=ltr] #companyname.start:after{border-left:1px solid #000;left:50%}[dir=rtl] #companyname.start:after{border-right:1px solid #000;right:50%}div.member{position:relative;display:inline-block;height:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;vertical-align:top}[dir] div.member{margin:32px 32px}[dir=ltr] div.member,[dir=rtl] div.member{animation:animateNodes .8s linear;-webkit-animation:animateNodes .8s linear;-moz-animation:animateNodes .8s linear;-o-animation:animateNodes .8s linear}div.member,div.member *{-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-user-select:none}div.children>div.member:before,div.member>div.member:before{content:"";position:absolute;width:calc(50% + 32px);height:32px;top:-32px}[dir] div.children>div.member:before,[dir] div.member>div.member:before{border:2px solid #b1b1b7;border-bottom:none}[dir=ltr] div.children>div.member:before,[dir=ltr] div.member>div.member:before{right:50%;border-left:none;border-radius:0 10px}[dir=rtl] div.children>div.member:before,[dir=rtl] div.member>div.member:before{left:50%;border-right:none;border-radius:10px 0}div.children>div.member:after,div.member>div.member:after{content:"";position:absolute;width:calc(50% + 32px);height:32px;top:-32px}[dir] div.children>div.member:after,[dir] div.member>div.member:after{border-top:2px solid #b1b1b7;border-bottom:none}[dir=ltr] div.children>div.member:after,[dir=ltr] div.member>div.member:after{left:50%;border-right:none;border-radius:10px 0}[dir=rtl] div.children>div.member:after,[dir=rtl] div.member>div.member:after{right:50%;border-left:none;border-radius:0 10px}div.children>div.member:first-child:before{content:"";position:absolute;width:calc(50% + 32px);height:32px;top:-32px}[dir] div.children>div.member:first-child:before{border:2px solid #b1b1b7;border-bottom:none}[dir=ltr] div.children>div.member:first-child:before{left:50%;border-right:none}[dir=rtl] div.children>div.member:first-child:before{right:50%;border-left:none}div.children>div.member:only-child:before{width:0}div.children>div.member:first-child:after,div.children>div.member:last-child:after,div.member>div.member:first-child:after,div.member>div.member:first-of-type:after,div.member>div.member:last-child:after{display:none}[dir] div.member>div.member:only-of-type{margin:32px 0}div.member>div.member:first-of-type:before{content:"";position:absolute;width:calc(50% + 32px);height:32px;top:-32px}[dir] div.member>div.member:first-of-type:before{border:2px solid #b1b1b7;border-bottom:none}[dir=ltr] div.member>div.member:first-of-type:before{left:50%;border-right:none;border-radius:10px 0}[dir=rtl] div.member>div.member:first-of-type:before{right:50%;border-left:none;border-radius:0 10px}div.member>div.member:only-of-type:before{width:0}div.childmember{position:relative;display:block}div.member>label:not(:only-child):after{content:"";position:absolute;width:calc(50% + 32px);height:32px;top:-32px}[dir] div.member>label:not(:only-child):after{border:2px solid #b1b1b7;border-bottom:none}[dir=ltr] div.member>label:not(:only-child):after{left:50%;border-right:none}[dir=rtl] div.member>label:not(:only-child):after{right:50%;border-left:none}div.member label.emptitle{color:inherit;min-height:50px;display:block!important;position:relative;filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0)}[dir] div.member label.emptitle{padding:8px}div.member label.emptitle>fieldset.userCard{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;position:relative}[dir] div.member label.emptitle>fieldset.userCard{border:1px solid;text-align:center;background:rgba(var(--vs-primary,"#F2C244"),1);border-radius:10px;padding:10px;margin:32px 0}div.member label.emptitle>fieldset.userCard>label{color:inherit;position:relative;display:block}[dir] div.member label.emptitle>fieldset.userCard>label{margin:5px 10px 5px 10px}[dir=ltr] div.member label.emptitle>fieldset.userCard>label{text-align:left}[dir=rtl] div.member label.emptitle>fieldset.userCard>label{text-align:right}fieldset.userCard>div.userImg{position:relative;width:50px;height:50px;overflow:hidden}[dir] fieldset.userCard>div.userImg{border:3px solid #fff;border-radius:50%}fieldset.userCard>div.userImg>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}fieldset>span{display:block}div.member label.emptitle img{max-width:100%}div.member label.emptitle:only-of-type:after{content:"";position:absolute;height:32px;display:none}[dir=ltr] div.member label.emptitle:only-of-type:after{left:50%;border-left:1px solid}[dir=rtl] div.member label.emptitle:only-of-type:after{right:50%;border-right:1px solid}div.member div.member_detail_panel{display:none;position:absolute;color:#000;top:23px;z-index:1}[dir] div.member div.member_detail_panel{background:#fff;padding:10px}[dir=ltr] div.member div.member_detail_panel{left:0}[dir=rtl] div.member div.member_detail_panel{right:0}div.member>label.emptitle:hover>div.member_detail_panel{display:none;transition:all 1s}[dir] div.member>label.emptitle:hover>div.member_detail_panel{-webkit-transition:all 1s}div.childnode:before{content:"";position:absolute;height:20px;width:20px;top:-8px}[dir] div.childnode:before{border-bottom:1px solid #fff}[dir=ltr] div.childnode:before{left:-20px;border-left:1px solid #fff}[dir=rtl] div.childnode:before{right:-20px;border-right:1px solid #fff}.toggleBtn{-webkit-box-shadow:none;position:absolute;bottom:1rem;color:#666;z-index:1}[dir] .toggleBtn{background:none;border:none;box-shadow:none;padding:10px;background:#fff;cursor:pointer;border-radius:5px}[dir=ltr] .toggleBtn{left:50%}[dir=rtl] .toggleBtn{right:50%}@-webkit-keyframes animateNodes{0%{opacity:0;margin-top:25px}to{opacity:1;margin-top:32px}}@keyframes animateNodes{0%{opacity:0;margin-top:25px}to{opacity:1;margin-top:32px}}label.switchBtnLbl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] label.switchBtnLbl{margin:0 0;cursor:pointer}[dir] label.switchBtnLbl>input{margin:0 3px}.hide{display:none}.member>label{filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1)}.member.fadeAway:after,.member.fadeAway:before,.member.fadeAway>label.emptitle{filter:grayscale(1) blur(2px);-webkit-filter:grayscale(1) blur(2px);-moz-filter:grayscale(1) blur(2px);-ms-filter:grayscale(1) blur(2px);-o-filter:grayscale(1) blur(2px)}