.column-content[data-v-afbbca06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;position:relative}.column-drag[data-v-afbbca06]{-ms-flex-negative:0;flex-shrink:0;padding-right:10px}.column-fields[data-v-afbbca06]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.column-field[data-v-afbbca06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px}.column-field.editable-field[data-v-afbbca06]{position:relative}.field-label[data-v-afbbca06]{font-weight:600;color:#666;min-width:80px;margin:0}.field-value[data-v-afbbca06]{color:#333}.field-value.readonly[data-v-afbbca06]{color:#999;font-style:italic}.field-input[data-v-afbbca06],.field-select[data-v-afbbca06]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.field-input[data-v-afbbca06]:focus,.field-select[data-v-afbbca06]:focus{outline:none;border-color:#0090d0}.field-select[data-v-afbbca06]{cursor:pointer;background-color:#fff}.edit-icon[data-v-afbbca06]{color:#6888a8;cursor:pointer;padding:4px;border-radius:3px;-webkit-transition:all .2s;transition:all .2s;opacity:0}.edit-icon[data-v-afbbca06]:hover{background-color:#f0f0f0}.editable-field:hover .edit-icon[data-v-afbbca06]{opacity:1}.column-actions[data-v-afbbca06]{position:absolute;right:10px;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.delete-icon[data-v-afbbca06]{color:rgba(255,0,0,.5411764705882353);cursor:pointer;padding:5px;border-radius:50%;background-color:#f5f5f5;opacity:0;-webkit-transition:all .2s;transition:all .2s}.delete-icon[data-v-afbbca06]:hover{background-color:#ffe0e0;color:red}.column:hover .delete-icon[data-v-afbbca06]{opacity:1}.search-highlight[data-v-afbbca06]{background-color:#fff3cd!important;border-left:3px solid #ffc107}.drag[data-v-afbbca06]{color:#c1c1c1}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}#app{width:100%;height:90vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.container{max-width:980px;min-width:730px;margin:0 auto}.demo-content{width:100%}.vddl-draggable,.vddl-list{position:relative;width:100%}.vddl-list{padding-left:0;min-height:40px}.vddl-dragging{opacity:.7}.vddl-dragging-source{display:none}.v-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.v-row>[class*=v-col--]{-webkit-box-sizing:border-box;box-sizing:border-box}.v-row .v-col--100,.v-row .v-col--auto,.v-row.v-row--no-gutter .v-col--100{width:100%}.v-row .v-col--50{width:50%;width:calc(50% - 7.5px)}.v-row.v-row--no-gutter .v-col--50{width:50%}.v-row .v-col--33{width:33.333333333333336%;width:calc(33.33333% - 10px)}.v-row.v-row--no-gutter .v-col--33{width:33.333333333333336%}.panel{border-radius:0;border:1px solid #ddd;overflow:hidden}.panel p{display:inline-block;margin:0}.panel__heading{height:40px;line-height:40px;border-bottom:1px solid #ddd;background:#f5f5f5;position:relative}.panel__heading h3{font-size:15px;padding:9px 15px;margin:0}.panel__body{background:#fff;min-height:40px}.panel__body>.panel{margin:10px}.panel__body p{width:100%;padding:0;font-size:14px;color:#666}.panel--filter{font-size:14px;line-height:20px}.panel--filter .panel__body--list{text-align:left}.panel__body--list{background:#fff}.panel__body--item,.panel__body .panel__placeholder{width:100%;min-height:40px;line-height:25px;border-bottom:1px solid #ddd;padding:5px 15px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.panel__body--item.no-padding-left{padding-left:0}.panel__body--item:last-child{border-bottom:none}.panel__body--item>.panel{margin:15px 0}.panel__body--item input{margin-right:5px}.panel .panel__placeholder{background:#f5f5f5}.panel__body--item:hover{cursor:move}.panel.panel--info .panel__body{padding:25px}.main{min-height:350px;height:100%}.panel__body--list .vddl-placeholder{width:100%}.vddl-placeholder{width:100%;min-height:61px;border-bottom:1px solid #ddd;padding:0 15px;margin-bottom:15px;background:rgba(0,144,208,.10980392156862745)}.new-elements .button{border:1px solid #42b983;text-align:center;height:40px;line-height:40px;background-color:#42b983;color:#fff;cursor:move;font-size:14px}.new-elements .vddl-dragging-source{display:block}.selected{background:rgba(0,144,208,.10980392156862745)}.clear{position:absolute;-webkit-transition:all .2s;transition:all .2s;top:-10px;right:5%;font-size:20px;font-weight:700;background-color:#fff;margin:0;padding:0;height:20px}.clear:hover{cursor:pointer;color:rgba(255,0,0,.5411764705882353)}.filter-control{width:100%;margin:15px 0;margin:15px;position:relative}.filter-control input{width:94%;height:29px;padding:0 5px;border-radius:2px;border:1px solid #ababab;border-radius:0}.filter-control input:focus{outline:none}.filter .panel__body--list,.new-elements .panel__body--list,.table-columns .scroll_panel__body{max-height:75vh}.filter .panel__body--list,.new-elements .panel__body--list,.table-columns .panel__body--list{overflow-x:auto}span{color:#6888a8}.drag{color:#c1c1c1;margin:0 10px 0 0}