body{margin:0;font-family:Helvetica;overflow:hidden}button,input{outline:0}.jEditor{position:absolute;width:100%;height:100%;display:flex;align-items:stretch;overflow:hidden}.jEditor ::-webkit-scrollbar{width:10px}.jEditor ::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.5)}.jEditor ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)}.document{flex:80;color:#fff;background:#434343;overflow:auto;box-shadow:inset 10px 0 10px -5px rgba(0,0,0,0.1)}.document .page-wrapper{margin:1.5rem}.document .page{position:relative;background:#fff;box-shadow:4px 4px rgba(0,0,0,0.2);background-repeat:no-repeat;background-size:cover;margin:auto}.page .object{color:#000;position:absolute;border:1px dotted #0e77a7;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.page .object.rendered{border:1px solid transparent;cursor:default}.panel{flex:20;display:flex;flex-direction:column;align-items:stretch;color:#fff;background:#343434}.panel .title{width:100%;padding:0.5rem 0;font-size:x-large;text-align:center;color:#fff;background:#0e77a7}.panel .elements-wrapper{flex-grow:1;flex-shrink:1;flex-basis:auto;overflow:auto}ul.elements{margin:0;padding:0}li.element{display:flex;justify-content:space-between;background:#343434;border-bottom:1px solid #636363;cursor:pointer}li.element.active{color:#fff;background:#0a5578}li.element:hover{color:#fff;background:#636363}li.element .text{padding:0.5rem 1rem;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis}li.element .actions{display:flex}.panel .btn{position:relative;height:100%;width:2rem;border:0;color:white;cursor:pointer}.panel .btn>*{pointer-events:none}.panel .settings{flex-shrink:1;flex-basis:auto;color:#fff;background:#343434;display:flex;flex-direction:column;justify-content:space-around}.panel .settings .base,.panel .settings .extra{display:flex;flex-wrap:wrap;justify-content:space-around}.panel .settings .btn{position:relative;height:100%;border:0;flex-grow:1;padding:1rem;color:white;background:transparent;cursor:pointer;text-align:center}.panel .settings .btn:hover{background:rgba(0,0,0,0.2)}.panel .detail{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-basis:auto;overflow:auto}.panel .detail .header{text-align:center;font-weight:bold;padding:1rem 0;background:#4e4e4e}.panel .detail .content{flex-grow:1;flex-basis:auto;overflow:auto;padding:1rem;display:flex;flex-direction:column}.panel .detail .content h4{margin:1rem 0 0.5rem 0}.panel .detail .content input{font-size:1.25rem;padding:0.25rem 0.5rem}.panel .detail .content .btn-group{display:flex;justify-content:space-around}.panel .detail .content .btn-group>*{flex-grow:1;font-size:1.25rem;margin:0 0.5rem;padding:0.5rem}.panel .detail .actions{display:flex;flex-direction:row;justify-content:space-between}.panel .detail .actions button{flex-grow:1;padding:1rem}.helper{width:100%;display:flex;flex-direction:column;color:#fff;background:rgba(14,119,167,0.341176)}.helper .header{font-weight:bold;background:rgba(10,85,120,0.341176)}.helper .content{display:flex;flex-direction:row;justify-content:space-between}.helper div{padding:0.5rem;text-align:center}.helper div.header{flex-grow:1;width:100%}.helper div strong{display:block}.toasts-wrapper{position:fixed;right:1rem;top:1rem;display:flex;flex-direction:column}.toast{padding:0.5rem 1rem;margin-bottom:0.2rem;max-width:250px;overflow-wrap:break-word}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-cell{display:table-cell !important}.d-table-row{display:table-row !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.btn.primary,.bg-primary{color:#fff !important;background:#0e77a7 !important}.btn.primary:hover{background:#0a5578 !important}.fg-primary{color:#0e77a7}.btn.secondary,.bg-secondary{color:#fff !important;background:#6c757d !important}.btn.secondary:hover{background:#545b62 !important}.fg-secondary{color:#6c757d}.btn.success,.bg-success{color:#fff !important;background:#4caf50 !important}.btn.success:hover{background:#3d8b40 !important}.fg-success{color:#4caf50}.btn.danger,.bg-danger{color:#fff !important;background:#f44336 !important}.btn.danger:hover{background:#ea1c0d !important}.fg-danger{color:#f44336}.btn.warning,.bg-warning{color:#fff !important;background:#f9a825 !important}.btn.warning:hover{background:#e59006 !important}.fg-warning{color:#f9a825}.btn.info,.bg-info{color:#fff !important;background:#2196f3 !important}.btn.info:hover{background:#0c7cd5 !important}.fg-info{color:#2196f3}.resizable{margin:0}.resizable:hover{cursor:move}.object.active>.handles{display:block}.handles{background-color:white;width:7px;height:7px;border:1px solid dodgerblue;position:absolute;display:none}.n-cursor{top:-9px;left:calc(50% - 3.5px)}.ne-cursor{top:-9px;right:-9px}.nw-cursor{top:-9px;left:-9px}.w-cursor{top:calc(50% - 3.5px);left:-9px}.e-cursor{top:calc(50% - 3.5px);right:-9px}.s-cursor{bottom:-9px;left:calc(50% - 3.5px)}.se-cursor{bottom:-9px;right:-9px}.sw-cursor{bottom:-9px;left:-9px}.n-cursor:hover{cursor:n-resize}.ne-cursor:hover{cursor:ne-resize}.nw-cursor:hover{cursor:nw-resize}.w-cursor:hover{cursor:w-resize}.e-cursor:hover{cursor:e-resize}.s-cursor:hover{cursor:s-resize}.se-cursor:hover{cursor:se-resize}.sw-cursor:hover{cursor:sw-resize}