html{background: #f4f6fc;}
label:not(.form-check-label):not(.custom-file-label){font-weight: normal;}
.submit-bar{height: 4rem;}
.submit-bar .inner{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; border-top: 1px solid #e9ecef; background: #FFF;}
.form-editor h6{font-size: .9rem; font-weight: bold; color: #212529;}

/* left column */
.card-select ul{display: flex; flex-wrap: wrap; justify-content: flex-start; margin:0 0 1rem 0; padding: 0; list-style: none; font-size: .8rem;}
.card-select li{width:33.33%; padding: .2rem .2rem 0 0;}
.card-select li a{display: block; padding: .5rem 0; background: #f4f6fc; text-align: center; color: #666;}
.card-select li a:hover{outline: 1px dashed #999;}
.card-select li a .fa{display: block; margin-bottom: .2rem; font-size: 1.1rem; color:#333;}

/* preview column */
.preview-input .form-control{border:none; outline: none; overflow: hidden; height: 34px; padding: 5px; resize: none; font-size: 1rem; line-height: 1.5;}
.preview-input .form-control:focus{outline: 1px solid #DDD; box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}
.preview-input .form-control-sm{font-size: .9rem;}

.preview-box{min-height:32.9rem;}
.preview-box.focus{border:1px dashed #999;}
.preview-box:empty{color: #999; text-align: center; display: flex; align-items: center; justify-content: center;}
.preview-box:empty::before{content: '点击左侧组件添加'; }

.preview-submit .form-item-submit input{width: 100%; background: transparent; border: none; outline: none; font-size: .9rem; text-align: center; color: #FFF;}
.preview-submit .form-item-submit input:focus{background: #FFF; color:#333;}
.preview-submit .form-item-submit input::placeholder{color: #FFF;}


.form-item.selected{outline: 2px solid #007bff; outline-offset: 10px; user-select: none;}
.form-item:before{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; content: '';}


/* menu */
.menu-item{position:absolute; z-index:100; box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);}
.menu-item .btn{font-size: .8rem; padding: .3rem .5rem;}

.dropdown-edit{position:absolute; z-index:100; width: 22rem; box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2); background: #FFF;}
.dropdown-edit .hd{padding: .5rem 1rem; background: #f4f6fc; font-weight: bold; color: #666;}
.dropdown-edit .hd .fa{color:#007bff; font-weight: normal;}
.dropdown-edit .bd{padding: 1rem;}
.dropdown-edit .form-group{margin-bottom: .5rem;}
.dropdown-edit .input-group-append{padding: .3rem .5rem 0;}
.dropdown-edit .btn{padding: .3rem .8rem;}
.dropdown-edit .fa-delete{cursor: pointer;}
.dropdown-edit .form-check-item{display:block;}
.dropdown-edit .form-check-item input{vertical-align: -2px; margin-right: 5px;}


/* right column */
.card-config .form-check-label{display: flex; align-items: center; margin-bottom: .5rem;}
.form-group-inline .form-control{margin: 0 .2rem;}
.form-group-inline input.form-control{width: 2.5rem;}
.form-group-inline select.form-control{width: 3.2rem;}

.input-group-datarange .form-control{font-size: .8rem;}
.input-group-timerange{display:flex; align-items: center;}
.input-group-timerange .form-control{font-size:.8rem; width: 6rem;}

.select-qrcode-box{padding-top: .3rem;}
.select-qrcode-box .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.select-qrcode-box .select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-search--dropdown .select2-search__field{font-size: .8rem;}
.select-qrcode-box select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow{top:2px;}