m2-webui/packages/theme-grace/lib/query-panel.css

The package is provided web components and utilities based on vue and element-ui.

.m2-query-panel.el-card{border:none;border-left:1px solid #f5f7f9;margin-bottom:10px}.m2-query-panel.el-card .el-card__body{padding:15px 15px 0}.m2-query-panel.el-card .el-row.action{padding-bottom:15px;text-align:right}.m2-query-panel.el-card .el-row.action.expand{padding-top:15px;border-top:1px dashed #dcdcdc}.m2-query-panel.el-card .el-form.el-form--inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m2-query-panel.el-card .el-form.el-form--inline .content{display:inline-block}.m2-query-panel.el-card .el-form.el-form--inline .content .el-input__inner,.m2-query-panel.el-card .el-form.el-form--inline .content .fl-date-range{width:330px}.m2-query-panel.el-card .el-form.el-form--inline .content .fl-date-range .el-input__inner{width:150px}.m2-query-panel.el-card .el-form.el-form--block .el-date-editor.el-input__inner,.m2-query-panel.el-card .el-form.el-form--block .el-select{width:100%}.m2-query-panel.el-card .m2-selector{margin-top:2px}.m2-query-panel.el-card .m2-selector .selector-container--medium .el-autocomplete .el-input__inner,.m2-query-panel.el-card .m2-selector .selector-container--normal .el-autocomplete .el-input__inner{height:32px;line-height:32px}.m2-query-panel.el-card .m2-selector .selector-container--small .el-autocomplete .el-input__inner{height:28px;line-height:28px}.m2-query-panel.el-card .el-form-item .el-form-item__label,.m2-query-panel.el-card .el-form-item .el-input__inner,.m2-query-panel.el-card .el-form-item .el-range-input{font-size:13px}.m2-query-panel.el-card .el-form-item .el-input__inner{height:34px;line-height:34px;padding-left:10px}.m2-query-panel.el-card .el-form-item .el-date-editor .el-range-separator,.m2-query-panel.el-card .el-form-item .el-input__icon.el-icon-date{font-size:13px;line-height:27px}.m2-query-panel.el-card .el-form-item .el-date-editor .el-range-separator{width:auto}.m2-query-panel.el-card .action button{min-width:80px;padding:10px 15px;font-size:12px;border-radius:3px}.m2-query-panel.el-card .expand-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:34px;height:34px;text-align:left;border-radius:50%;cursor:pointer;background:#dcdfe6}.m2-query-panel.el-card .expand-icon:hover{background:#1890ff;color:#fff}