Backend for Custom Frontend OSPRO Surveyor Indonesia
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1 lines
7.7 KiB

.orgchart ul{padding-left:0;text-align:center;display:flex;margin:0;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.orgchart ul li{display:inline-block;position:relative}.orgchart>ul>li>ul li:before{content:"";position:absolute;top:-11px;left:0;width:100%;border-top:2px solid rgba(217,83,79,.8);box-sizing:border-box}.orgchart>ul>li>ul li.isSiblingsCollapsed:before{content:none}.orgchart>ul>li>ul li:first-child:before{left:calc(50% - 1px);width:calc(50% + 1px)}.orgchart>ul>li>ul li:last-child:before{width:calc(50% + 1px)}.orgchart>ul>li>ul li:only-child:before{width:2px}.orgchart ul li .oc-node{box-sizing:border-box;display:inline-block;position:relative;padding:3px;border:2px dashed transparent;margin-bottom:20px}.orgchart ul li .oc-node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart ul li .oc-node.currentDropTarget{background-color:rgba(68,157,68,.9)}.orgchart ul li .oc-node.selected,.orgchart ul li .oc-node:hover{background-color:rgba(238,217,54,.5)}.orgchart>ul>li>ul li>.oc-node:before{content:"";position:absolute;top:-11px;left:calc(50% - 1px);width:2px;height:9px;background-color:rgba(217,83,79,.8)}.orgchart>ul>li>ul li.isSiblingsCollapsed>.oc-node:before{top:-13px;height:11px}.orgchart>ul>li>ul li.isAncestorsCollapsed>.oc-node:before{content:none}.orgchart ul li .oc-node:not(:only-child):after{content:"";position:absolute;bottom:-11px;left:calc(50% - 1px);width:2px;height:9px;background-color:rgba(217,83,79,.8)}.orgchart ul li .oc-node.isChildrenCollapsed:not(:only-child):after{content:none}.orgchart ul li .oc-node .oc-heading{box-sizing:border-box;padding:2px;margin:0;width:130px;height:20px;text-align:center;font-size:.75rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart ul li .oc-node .oc-heading .oc-symbol{float:left;margin-top:12px;margin-left:2px}.orgchart ul li .oc-node .oc-heading .oc-symbol:before{background-color:#fff;border-color:rgba(217,83,79,.8)}.orgchart ul li .oc-node .oc-heading .oc-symbol:after{background-color:#fff}.orgchart ul li .oc-node .oc-content{box-sizing:border-box;padding:2px;width:130px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart .oc-node .oc-edge{position:absolute;cursor:default;transition:.2s}.orgchart .oc-node .oc-edge:before{border-color:rgba(68,157,68,.5)}.orgchart.noncollapsable .oc-node .oc-edge{display:none}.orgchart .oc-node .oc-edge:hover{cursor:pointer}.orgchart .oc-edge:hover:before{border-color:#449d44}.orgchart .oc-node .verticalEdge{width:calc(100% - 6px);width:-moz-calc(100% - 6px);height:10px;left:3px}.orgchart .oc-node .verticalEdge:before{position:absolute;left:calc(50% - .3125rem)}.orgchart .oc-node .topEdge{top:-2px}.orgchart .oc-node .topEdge.oci-chevron-up:before{top:2px}.orgchart .oc-node .topEdge.oci-chevron-down:before{bottom:3px}.orgchart .oc-node .bottomEdge{bottom:-2px}.orgchart .oc-node .bottomEdge.oci-chevron-up:before{bottom:-3px}.orgchart .oc-node .bottomEdge.oci-chevron-down:before{bottom:1px}.orgchart .oc-node .horizontalEdge{width:10px;height:calc(100% - 6px);height:-moz-calc(100% - 6px);top:3px}.orgchart .oc-node .rightEdge{right:-2px}.orgchart .oc-node .leftEdge{left:-2px}.orgchart .oc-node .horizontalEdge:before{position:absolute;top:calc(50% - .3125rem)}.orgchart .oc-node .rightEdge.oci-chevron-left:before{right:-3px}.orgchart .oc-node .rightEdge.oci-chevron-right:before{right:1px}.orgchart .oc-node .leftEdge.oci-chevron-right:before{left:-3px}.orgchart .oc-node .leftEdge.oci-chevron-left:before{left:1px}.orgchart .slide-up{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.orgchart .slide-down{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.orgchart .slide-left{opacity:0;-webkit-transform:translateX(-130px);transform:translateX(-130px)}.orgchart .slide-right{opacity:0;-webkit-transform:translateX(130px);transform:translateX(130px)}.oci{display:inline-block;position:relative;font-style:normal;font-family:Arial}.oci-chevron-up:before{vertical-align:text-bottom;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.oci-chevron-right:before,.oci-chevron-up:before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-color:#000;border-style:solid;border-width:0 .2rem .2rem 0;background:transparent}.oci-chevron-right:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.oci-chevron-down:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.oci-chevron-down:before,.oci-chevron-left:before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-color:#000;border-style:solid;border-width:0 .2rem .2rem 0;background:transparent}.oci-chevron-left:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.oci-leader:before{width:.4rem;height:.4rem;border-radius:.2rem;top:-.75rem;left:.125rem}.oci-leader:after,.oci-leader:before{position:absolute;content:"";display:inline-block;background:#000}.oci-leader:after{width:.875rem;height:.375rem;border-radius:.25rem .25rem 0 0;top:-.3rem;left:-.125rem}.oci-plus-circle:before,.oci-plus-square:before{content:"+";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;background-color:#000;color:#fff}.oci-plus-circle:before{border-radius:.5rem}.oci-minus-circle:before,.oci-minus-square:before{content:"−";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;background-color:#000;color:#fff}.oci-minus-circle:before{border-radius:.5rem}.oci-arrow-circle-up:before{content:"▲"}.oci-arrow-circle-down:before,.oci-arrow-circle-up:before{display:inline-block;text-align:center;vertical-align:text-bottom;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff;font-size:.875rem}.oci-arrow-circle-down:before{content:"▼"}.oci-info-circle:before{content:"i";border-radius:.5rem;background-color:#000;color:#fff;text-align:center;font-weight:700}.oci-info-circle:before,.oci-spinner:before{display:inline-block;vertical-align:text-bottom;width:1rem;height:1rem}.oci-spinner:before{content:"";box-sizing:border-box;border:.1rem solid #000;border-right-color:transparent;border-radius:.625rem;-webkit-animation:oci-infinite-spinning .75s linear infinite;animation:oci-infinite-spinning .75s linear infinite}@-webkit-keyframes oci-infinite-spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes oci-infinite-spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.orgchart-container{box-sizing:border-box;position:relative;margin:10px;height:700px;background-color:#fff;border:2px dashed #aaa;border-radius:5px;overflow:auto;text-align:center}.orgchart{box-sizing:border-box;display:inline-block;background-image:linear-gradient(90deg,rgba(200,0,0,.15) 10%,transparent 0),linear-gradient(rgba(200,0,0,.15) 10%,transparent 0);background-size:10px 10px;border:1px dashed transparent;padding:20px 20px 0}.orgchart-container .hidden{display:none!important}.orgchart-container>.oc-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;text-align:center;background-color:rgba(0,0,0,.3)}.orgchart-container>.oc-mask .spinner{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}.orgchart-container>.oc-mask .spinner:before{width:100px;height:100px;border-width:10px;border-radius:50px;border-top-color:rgba(68,157,68,.8);border-bottom-color:rgba(68,157,68,.8);border-left-color:rgba(68,157,68,.8)}