@import url(https://fonts.googleapis.com/css?family=Montserrat);#app,.editor{height:100%}.editor .viewport{box-shadow:none}.editor .options-list .option{padding:4px;border:1px solid grey;text-align:center;border-radius:4px;margin-bottom:3px}.editor .options-list .option.addopt{cursor:pointer;margin-top:10px}.editor .field-container{width:400px;position:absolute;z-index:10}.editor .field-container table{width:100%;height:100%}.editor .field-container table tr th{border:1px solid #000;background-color:#fff;cursor:move;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor.check-mode *{cursor:none!important}.editor .checkbox-cursor,.editor .checkbox-item{position:absolute;cursor:pointer;z-index:999}.editor .checkbox-cursor.transparent,.editor .checkbox-item.transparent{opacity:.5}.editor .checkbox-cursor span.x,.editor .checkbox-item span.x{background-color:#fff;border:1px solid grey;padding:1px 4px}.editor .fake-button{border:1px solid grey;border-radius:4px;padding:1px 2px;background-color:#fff;margin-left:5px;text-align:center;position:relative}.editor .fake-button span{font-weight:700}.editor .fake-button .option-name{display:none;position:absolute;white-space:nowrap;bottom:-100%;border:1px solid grey;border-radius:4px;transform:translateX(-46%);padding:3px 6px;background-color:#fff}.editor .fake-button.dropped:hover .option-name{display:block}.editor .field-edit-modal .animation-content{width:50vw}.editor .header{font-weight:700;text-align:center;background-color:#fff;padding:15px;border-bottom:1px solid #cbd0d2}.editor .workshop{position:fixed;margin-top:12px}.editor .workshop,.editor .workshop .columns{height:100%;width:100%}.editor .workshop .columns div .info{margin-top:20px}.editor .workshop .columns div .info .field-details{margin:0 0 10px}.editor .workshop .columns div .info .field-details .column{margin:0;padding:0}.editor .workshop .columns div .info .field-details .column:first-child{margin-right:5px}.editor .workshop .columns div .info .field-details .column:last-child{margin-left:5px}.editor .workshop .columns .tools{background-color:#fff}.editor .workshop .columns .tools.is-one-fifth{position:relative}.editor .workshop .columns .tools .field-card{padding:5px;border-radius:4px;border:1px solid grey;text-align:center;margin-bottom:8px;cursor:pointer}.editor .workshop .columns .tools .field-card.active{background-color:#ceecf5}.editor .workshop .columns .tools .label{text-align:center}.editor .workshop .columns .tools:first-child{border-right:1px solid #cbd0d2}.editor .workshop .columns .tools:last-child{border-left:1px solid #cbd0d2}.editor .workshop .columns .viewport{width:50%}.editor .workshop .columns .viewport .table-field .ui-resizable-e{width:10px}.editor .workshop .columns .viewport .table-item{border:1px solid #000;background-color:#fff;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}.editor .workshop .columns .viewport .uploadButton{position:relative;top:50%;transform:translateY(-50%);text-align:center}.editor .workshop .columns .viewport .thumbs{padding-top:30px;padding-bottom:60px;width:100%;height:100%;overflow:scroll;overflow-x:hidden;text-align:center}.editor .workshop .columns .viewport .thumbs .thumb-container{width:100%;margin-bottom:30px}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper{width:70%;height:100%;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 4px #000}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .thumb{width:100%}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .field-container.ui-draggable-handle.ui-resizable{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field{position:absolute;z-index:10}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field:hover .tools-header{display:block}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field:hover .field-container{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field.active .field-container{background-color:#ceecf5}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header{position:absolute;width:100%;top:-25px;display:none}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .level{width:100%}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .name,.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .type{font-size:10px}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .level-right .pestana{cursor:pointer}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .pestana{margin:0 2px;background-color:#3273dc;color:#fff;padding:0 6px;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #cbd0d2}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .tools-header .pestana i{color:#fff;font-size:12px}.editor .workshop .columns .viewport .thumbs .thumb-container .fields-wrapper .template-field .field-container{cursor:move;border-radius:4px;background-color:#fff;border:1px solid #cbd0d2;font-size:14pt;text-align:left;font-weight:700}*{box-sizing:border-box}body,html{width:100%;height:100%}body{font-family:Montserrat,sans-serif!important}.background{background-color:#f5f5f5;position:fixed;z-index:-100;top:0;left:0;width:100%;height:100%}.login-wrapper{position:relative;width:100%}.login-wrapper .login-form{position:absolute;top:50%;left:50%;transform:translate(-50%,10%);width:70%;margin:auto}.login-wrapper .login-form>header{text-align:center;padding:8px;position:relative;z-index:999}.login-wrapper .login-form>main{padding:20px}.login-wrapper .login-form>main>form{text-align:center}.table-editor .button .icon{margin-right:4px!important}.table-editor table{margin:10px 0}.table-editor thead th{padding:4px;font-weight:700;background-color:#f2f2f2;text-align:center}.table-editor tbody td,.table-editor thead th{border:1px solid #d8d8d8}.table-editor tbody td input{width:100%!important;border:0;padding:0 4px}.table-editor .column{border:1px solid #d8d8d8}.notification.is-danger{background-color:#ad0000!important}.input:focus{border-color:rgba(0,0,0,.6)!important;box-shadow:0 0 0 .125em rgba(0,0,0,.1)!important}