.vue-query-builder .vqb-group .rule-actions{margin-bottom:20px}.vue-query-builder .vqb-rule{margin-top:15px;margin-bottom:15px;background-color:#f5f5f5;border-color:#ddd;padding:15px}.vue-query-builder .vqb-group.depth-1 .vqb-rule,.vue-query-builder .vqb-group.depth-2{border-left:2px solid #8bc34a}.vue-query-builder .vqb-group.depth-2 .vqb-rule,.vue-query-builder .vqb-group.depth-3{border-left:2px solid #00bcd4}.vue-query-builder .vqb-group.depth-3 .vqb-rule,.vue-query-builder .vqb-group.depth-4{border-left:2px solid #ff5722}.vue-query-builder .close{opacity:1;color:#969696}@media (min-width:768px){.vue-query-builder .vqb-rule.form-inline .form-group{display:block}}.x-query-builder .vqb-children .vqb-rule:last-child,.x-query-builder>.vqb-group{margin-bottom:0}.x-query-builder .vqb-custom-component-wrap{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:1rem}.x-query-builder .close{color:#7f7f7f;padding:.4rem}.x-query-builder .vqb-rule{padding:.8rem 1rem}.x-query-builder .vqb-group .rule-actions{margin-bottom:1rem}