.designer-area{width:calc(100% - 300px);height:100vh;position:relative}#paper-container{overflow:auto;position:relative;height:calc(100% - 50px);overflow:scroll !important}.joint-paper.joint-theme-default{width:10000px;height:10000px}.sidebar{width:300px;height:100vh;overflow:auto;position:relative;top:0;border-right:1px solid #e8e8e8;background-color:#f0f0f0;box-shadow:#11111a1a -2px 0 5px inset}.joint-link.joint-theme-default .connection-wrap:hover{stroke-width:20;stroke-opacity:.05}.joint-link .marker-arrowheads{opacity:1}.joint-link.joint-theme-default .marker-arrowhead{fill:#000}.design-wrapper{display:flex;flex-wrap:wrap;position:fixed;top:0;left:0;top:-100vh;width:100%;height:100vh;transition:all .8s ease;pointer-events:none;visibility:hidden;background:#fff;z-index:999}.design-wrapper.active{visibility:visible;pointer-events:all;top:0}.joint-link.joint-theme-default .marker-vertex{fill:#000;transform:scale(0.8)}.joint-link.joint-theme-default .marker-vertex-remove{transition:all .3s ease;transform:scale(0.4) translate(15px,-50px) !important}.marker-vertex-remove-area{transition:all .3s ease;transform:scale(.7) translate(2px,-36px) !important}.joint-link:hover .marker-vertex-remove-area,.joint-link.joint-theme-default:hover .marker-vertex-remove{opacity:1}.link-tool .tool-remove{transform:scale(0.6)}.joint-link.joint-theme-default .link-tools .tool-remove path{transform:scale(0.5) translate(-16px,-16px)}.marker-arrowhead-group-source{opacity:0}.arrow-menu{display:flex;padding:0;flex-wrap:wrap;background:#fff;z-index:999;box-shadow:0 0 5px rgba(0,0,0,0.2);border:1px solid #bdbcbc;max-width:86px}.arrow-menu>div{cursor:pointer;border:1px solid #f7f7f7;display:flex;align-items:center;padding:5px}.doubleside-arrow .marker-arrowhead-group-source,.doubleside-dotted-arrow .marker-arrowhead-group-source{opacity:1}.joint-link.doubleside-arrow,.joint-link.doubleside-dotted-arrow,.joint-link.right-arrow,.joint-link.right-dotted-arrow{display:block}.joint-tools.active>.joint-tool{opacity:.8;pointer-events:all}.joint-tools.active>.joint-tool:hover{opacity:1}.joint-tools>.joint-tool{opacity:0;pointer-events:none}input[type="text"]::placeholder{font-size:12px;padding:0;line-height:12px}.cell-group{stroke:red;fill:red}.sidebar .card-body{flex-direction:row;flex-wrap:wrap;padding:10px;background:#f7f7f7;border:0;border-radius:0}.sidebar .card-body img{width:calc(20% - 8px);margin:4px;object-fit:contain;padding:5px;cursor:move;background-color:#fff;padding:10px}.sidebar .category{font-size:14px;padding:6px 30px;border-bottom:1px solid #e4e2e2;position:relative;transition:all .3s ease;cursor:pointer}.sidebar .category:hover{background:#e8e8e8}.sidebar .category:before{position:absolute;content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;top:50%;left:15px;transform:translateY(-50%);transition:all .3s ease;transform-origin:center}[aria-expanded*="true"].category:before{transform:translateY(-50%) rotate(90deg)}[aria-expanded*="true"].category{background:#e8e8e8}.dotted-arrow .connection{stroke-dasharray:4 4}.joint-paper.joint-theme-default{position:relative}.tool-btns{position:relative;z-index:999;display:flex}.search-wrap{padding:15px}.search-wrap span{position:absolute;left:24px;top:50%;transform:translateY(-50%);font-size:20px;z-index:9999;pointer-events:none}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#333;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:none;outline:0}.search-wrap .form-control{padding-inline-start:34px;padding-inline-end:12px;min-height:36px;background-image:url('https://cdn.manageengine.com/cloudspend/tools/images/search-icon.svg');background-position:10px 10px;background-repeat:no-repeat}.search-wrap .form-control::placeholder{font-size:14px;color:#acb5bd;letter-spacing:.5px}.search-result{display:flex;flex-wrap:wrap;padding:0 10px}.search-result img{width:calc(20% - 8px);margin:4px;object-fit:contain;padding:10px;background-color:#fff}.view-icon{position:absolute;width:100px;height:auto;top:0;left:301px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;transition:all .3s ease;display:none;flex-wrap:wrap;text-align:center;padding:10px}.view-icon img{width:60%}.view-icon p{font-size:12px;line-height:15px;margin:6px 0 0}.dia-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px;background-color:#f0f0f0}.file-name{display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer}.file-name p{margin:0;display:inline-block;padding-left:5px;line-height:22px}.file-name span{display:flex;align-items:center}#filename button.close{position:absolute;top:5px}#filename input.form-control{font-size:15px;line-height:22px;min-height:36px}#filename .modal-footer{padding:10px}#filename [type="button"]{font-size:14px;padding:8px 20px}.import-btn{position:relative;overflow:hidden;cursor:pointer}.import-btn input{position:absolute;top:0;left:0;opacity:0;width:100%;cursor:pointer}.tool-btns button,.tool-btns .export-btn{border:1px solid #d4dadd;background:#fff;margin-left:5px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:3px;transition:all .3s ease;cursor:pointer;font-size:12px;color:#333;text-decoration:none}.export-btn img{height:24px}.tool-btns button:hover,.tool-btns .export-btn:hover{background:#f1f4f7}.ungroup-btn,.group-btn{z-index:9999;background:#eee;border:0;width:30px}.ungroup-btn path{width:20px;height:20px;transform:scale(0.28,0.4);stroke-width:.3}.search-result p{padding-left:5px}#filename .form-group p{font-size:12px}.tool-btns .dropdown button{width:100%;font-size:12px;color:#000;padding:2px 10px 2px 6px;border-radius:0}.tool-btns .dropdown button svg{width:22px;display:inline-block;margin-right:5px}.tool-btns .dropdown-menu{top:100% !important;transform:none !important}.tool-btns .dropdown-item{font-size:13px;padding:5px 10px}.tool-btns .dropdown button{outline:0}.tool-btns .dropdown button:hover{color:#fff}#zoom-in svg,#zoom-out svg{transform:scale(1.2)}#zoom-reset-button:hover path{fill:transparent}#navigator-container{width:200px;height:150px;border:1px solid #ccc;overflow:hidden;margin-top:10px;position:fixed;right:50px;bottom:50px;z-index:99999}#navigator-canvas{width:100%;height:100%}.mob-banner-btn{display:none}@media(max-width:991px){.banner-btn{display:none}.mob-alert{display:block !important;white-space:normal !important;margin-top:0}.mob-alert p{font-size:14px;color:#055160}.badge-info{background:#cff4fc;border:1px solid #9eeaf9;padding:15px;margin-top:0;border-radius:5px}}.input-wrapper{background:#fff;width:170px;height:50px;z-index:999;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:10px;box-shadow:0 0 5px rgba(0,0,0,0.2)}input.edit-label{padding:6px;height:30px;font-size:14px;line-height:14px;border-radius:0;display:flex;width:100%;border:1px solid #eee}.input-wrapper .close{position:absolute;top:-10px;right:-10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close path{stroke:red;fill:red}.target-maker-svg{display:none}.rightside-dotted-arrow .connection,.doublesided-dotted-arrow .connection{stroke-dasharray:4 4}[class*="doublesided"] .marker-arrowhead-group-source{opacity:1}.text-danger{color:#dc3545}.modal{background:rgba(0,0,0,0.5)}.cs-logo{height:50px !important;padding:10px 15px 0}.features-sec ul{list-style-type:disc;padding-left:15px;font-size:16px}svg:not(:root){overflow:hidden}.collapse{display:none;transition:height .35s ease}.collapse.show{display:block}.fade{transition:opacity .15s linear}.fade:not(.show){opacity:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media(min-width:992px){.modal-lg{max-width:800px}}.mR5{margin-right:5px}.clear-btn{order:5;width:auto !important;padding:3px 5px !important}.export-btn{order:6;width:auto !important;padding:3px 5px !important}.fill-btn,.line-btn{padding:8px 15px}.d-none{display:none}